retina support: add a 2x version of the main page screenshot

diff --git a/index.html.mako b/index.html.mako
index 6933bfc75379d2d7e982cbadd0984c389a9a7fd3..c3a1fa5262fd611ad12f9594cbd588325ca0119b 100644 (file)
--- a/index.html.mako
+++ b/index.html.mako
@@ -6,7 +6,8 @@
 
     <div id="screens">
         <a href="/screenshots/" title="view more screenshots of i3">
-        <img id="screenshot" src="/screenshots/i3-9.bigthumb.png" width="375" height="234" alt="i3 screenshot">
+        <img id="screenshot" src="/screenshots/i3-9.bigthumb.png" width="375" height="234" alt="i3 screenshot"
+        srcset="/screenshots/i3-12.bigthumb.jpg 2x">
         </a>
     </div>
 

diff --git a/screenshots/i3-12.bigthumb.jpg b/screenshots/i3-12.bigthumb.jpg
new file mode 100644 (file)
index 0000000..727e36e
Binary files /dev/null and b/screenshots/i3-12.bigthumb.jpg differ

diff --git a/screenshots/i3-12.jpg b/screenshots/i3-12.jpg
new file mode 100644 (file)
index 0000000..8b2067a
Binary files /dev/null and b/screenshots/i3-12.jpg differ