diff --git a/index.html b/index.html
index bf76f45..5324810 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<html> <head> <title>tippin.me Badge Generator</title> <link rel="shortcut icon" href="https://lukechilds.github.io/tippin-badge/favicon.7ac7d8b2.png"> <meta name="description" content="Readme badge generator for tippin.me."> <link rel="stylesheet" type="text/css" href="https://lukechilds.github.io/tippin-badge/style.931fb4ed.css"> <meta name="twitter:card" value="summary"> <meta property="og:title" content="tippin.me Badge Generator"> <meta property="og:description" content="Readme badge generator for tippin.me.">  </head> <body> <div class="container"> <h1>⚡️ tippin.me Badge Generator</h1> <h2 class="description">Enter your Twitter username</h2> <div class="input-container"> <input type="text" name="username" placeholder="username" autofocus autocomplete="off"> <span class="prefix">@</span> </div> <div class="badge-preview"></div> <h3 class="output-title">Markdown</h3> <pre class="badge-markdown"></pre> <h3 class="output-title">HTML</h3> <pre class="badge-html"></pre> <h3 class="output-title">SVG</h3> <pre class="badge-svg"></pre> <footer> <span class="version"></span> - <a rel="noopener noreferrer" target="_blank" href="//github.com/lukechilds/tippin-badge">Source code</a> - <a rel="noopener noreferrer" target="_blank" href="//github.com/lukechilds/tippin-badge/issues">Report a bug</a> <div class="me"> A thing by <a rel="noopener noreferrer" target="_blank" href="//lukechilds.co">@lukechilds</a> </div> </footer> </div> <script src="https://lukechilds.github.io/tippin-badge/script.4687e20a.js"></script> </body> </html>
\ No newline at end of file
+<html> <head> <title>tippin.me Badge Generator</title> <link rel="shortcut icon" href="https://lukechilds.github.io/tippin-badge/favicon.7ac7d8b2.png"> <meta name="description" content="Readme badge generator for tippin.me."> <link rel="stylesheet" type="text/css" href="https://lukechilds.github.io/tippin-badge/style.931fb4ed.css"> <meta name="twitter:card" value="summary"> <meta property="og:title" content="tippin.me Badge Generator"> <meta property="og:description" content="Readme badge generator for tippin.me."> <meta property="og:image" content="https://lukechilds.github.io/tippin-badge/screenshot.a6630ce9.png"> </head> <body> <div class="container"> <h1>⚡️ tippin.me Badge Generator</h1> <h2 class="description">Enter your Twitter username</h2> <div class="input-container"> <input type="text" name="username" placeholder="username" autofocus autocomplete="off"> <span class="prefix">@</span> </div> <div class="badge-preview"></div> <h3 class="output-title">Markdown</h3> <pre class="badge-markdown"></pre> <h3 class="output-title">HTML</h3> <pre class="badge-html"></pre> <h3 class="output-title">SVG</h3> <pre class="badge-svg"></pre> <footer> <span class="version"></span> - <a rel="noopener noreferrer" target="_blank" href="//github.com/lukechilds/tippin-badge">Source code</a> - <a rel="noopener noreferrer" target="_blank" href="//github.com/lukechilds/tippin-badge/issues">Report a bug</a> <div class="me"> A thing by <a rel="noopener noreferrer" target="_blank" href="//lukechilds.co">@lukechilds</a> </div> </footer> </div> <script src="https://lukechilds.github.io/tippin-badge/script.4687e20a.js"></script> </body> </html>
\ No newline at end of file
diff --git a/screenshot.a6630ce9.png b/screenshot.a6630ce9.png
new file mode 100644
index 0000000..da968ec
Binary files /dev/null and b/screenshot.a6630ce9.png differ
diff --git a/screenshot.d552f803.png b/screenshot.d552f803.png
new file mode 100644
index 0000000..da968ec
Binary files /dev/null and b/screenshot.d552f803.png differ
