diff --git a/public/images/dr-octocat-448x448.png b/public/images/dr-octocat-448x448.png
new file mode 100644
index 0000000..ee38b0a
Binary files /dev/null and b/public/images/dr-octocat-448x448.png differ
diff --git a/public/images/dr-octocat.png b/public/images/dr-octocat.png
new file mode 100644
index 0000000..e55c4fc
Binary files /dev/null and b/public/images/dr-octocat.png differ
diff --git a/public/images/forkme.png b/public/images/forkme.png
index 3799c2e..fa14990 100644
Binary files a/public/images/forkme.png and b/public/images/forkme.png differ
diff --git a/public/images/forkme@2x.png b/public/images/forkme@2x.png
new file mode 100644
index 0000000..7b76c42
Binary files /dev/null and b/public/images/forkme@2x.png differ
diff --git a/public/images/promotejsv.gif b/public/images/promotejsv.gif
new file mode 100644
index 0000000..1c9d026
Binary files /dev/null and b/public/images/promotejsv.gif differ
diff --git a/public/images/spinner@2x.gif b/public/images/spinner@2x.gif
new file mode 100644
index 0000000..a5610e8
Binary files /dev/null and b/public/images/spinner@2x.gif differ
diff --git a/public/index.html b/public/index.html
index f59b8dc..c0662ca 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,7 +20,7 @@
   <h1>samhuri.net</h1>
 </header>
 
-<a href="https://github.com/samsonjs/samhuri.net"><img id="forkme" src="images/forkme.png" alt="Fork me on GitHub"></a>
+<a href="https://github.com/samsonjs/samhuri.net"><img id="forkme" src="images/forkme@2x.png" width="140" height="140" alt="Fork me on GitHub"></a>
 
 <nav>
   <ul class="nav" id="main">
diff --git a/templates/blog/index.html b/templates/blog/index.html
index 1d4cc6d..0ccc55b 100644
--- a/templates/blog/index.html
+++ b/templates/blog/index.html
@@ -22,7 +22,7 @@
 <div class="center" id="sd-container"><a id="sd" href="#comment-stuff">show the discussion</a></div>
 <div id="comment-stuff">
   <div id="comments">
-    <div id="comments-spinner"><img src="../images/spinner.gif"></div>
+    <div id="comments-spinner"><img src="../images/spinner@2x.gif" width="16" height="16"></div>
   </div>
   <form id="comment-form">
     <input name="post" type="hidden" value="{{filename}}">
diff --git a/templates/blog/post.html b/templates/blog/post.html
index ea2a480..97a1f3a 100644
--- a/templates/blog/post.html
+++ b/templates/blog/post.html
@@ -23,7 +23,7 @@
 <div class="center" id="sd-container"><a id="sd" href="#comment-stuff">show the discussion</a></div>
 <div id="comment-stuff">
   <div id="comments">
-    <div id="comments-spinner"><img src="../images/spinner.gif"></div>
+    <div id="comments-spinner"><img src="../images/spinner@2x.gif" width="16" height="16"></div>
   </div>
   <form id="comment-form">
     <input name="post" type="hidden" value="{{filename}}">
diff --git a/templates/proj/index.html b/templates/proj/index.html
index 34528ed..922b069 100644
--- a/templates/proj/index.html
+++ b/templates/proj/index.html
@@ -22,7 +22,7 @@
   </style>
 </head>
 <nav id="breadcrumbs"><a href="../">samhuri.net</a></nav>
-<a href="https://github.com/samsonjs"><img id="forkme" src="../images/forkme.png" alt="Fork me on GitHub"></a>
+<a href="https://github.com/samsonjs"><img id="forkme" src="../images/forkme@2x.png" width="140" height="140" alt="Fork me on GitHub"></a>
 <header>
   <h1>projects</h1>
 </header>
@@ -34,18 +34,18 @@
   </ul>
 </nav>
 <p id="gh">
-  <a class="img" href="https://github.com/samsonjs"><img src="../images/gh.png" alt="GitHub"></a>
+  <a class="img" href="https://github.com/samsonjs"><img src="../images/dr-octocat-448x448.png" width="224" height="224" alt="GitHub"></a>
 </p>
 <table align="center" id="stats">
   <tr>
-    <td align="right"><span id="nrepos"><img src="../images/spinner.gif"></span> projects</td>
+    <td align="right"><span id="nrepos"><img src="../images/spinner@2x.gif" width="16" height="16"></span> projects</td>
     <td>&mdash;</td>
-    <td align="left"><span id="nfollowers"><img src="../images/spinner.gif"></span> followers</td>
+    <td align="left"><span id="nfollowers"><img src="../images/spinner@2x.gif" width="16" height="16"></span> followers</td>
   </tr>
   <tr>
-    <td align="right">watching <span id="nwatched"><img src="../images/spinner.gif"></span>
+    <td align="right">watching <span id="nwatched"><img src="../images/spinner@2x.gif" width="16" height="16"></span>
     <td>&mdash;</td>
-    <td align="left">following <span id="nfollowing"><img src="../images/spinner.gif"></span></td>
+    <td align="left">following <span id="nfollowing"><img src="../images/spinner@2x.gif" width="16" height="16"></span></td>
   </tr>
 </table>
 <footer>
@@ -53,7 +53,7 @@
   <p><a href="mailto:sami.samhuri@gmail.com">sami.samhuri@gmail.com</a></p>
 </footer>
 <p id="promote-js">
-  <a class="img" href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function" title='JS Function arity'><img src="../images/promotejsh.gif" height="150" width="180" alt='JS Function arity'/></a>
+  <a class="img" href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/RegExp" title="JS RegExp .lastIndex"><img src="../images/promotejsv.gif" height="140" width="80" alt="JS RegExp .lastIndex"></a>
 </p>
 <script>
 var _gaq = _gaq || []
diff --git a/templates/proj/project.html b/templates/proj/project.html
index dbaf36c..75067ec 100644
--- a/templates/proj/project.html
+++ b/templates/proj/project.html
@@ -8,28 +8,28 @@
   <link rel="stylesheet" media="screen" href="../../css/mobile.min.css">
 </head>
 <nav id="breadcrumbs"><a href="../../">samhuri.net</a> &bull; <a href="../">projects</a></nav>
-<a href="https://github.com/samsonjs/{{name}}"><img id="forkme" src="../../images/forkme.png" alt="Fork me on GitHub"></a>
+<a href="https://github.com/samsonjs/{{name}}"><img id="forkme" src="../../images/forkme@2x.png" width="140" height="140" alt="Fork me on GitHub"></a>
 <h1>{{name}}</h1>
 <h2>{{description}}</h2>
 <table align="center">
   <tr>
-    <td align="right"><span id="nwatchers"><img src="../../images/spinner.gif"></span> watcher<span id="wplural">s</span></td>
+    <td align="right"><span id="nwatchers"><img src="../../images/spinner@2x.gif" width="16" height="16"></span> watcher<span id="wplural">s</span></td>
     <td>&mdash;</td>
-    <td align="left"><span id="nforks"><img src="../../images/spinner.gif"></span> fork<span id="fplural">s</span></td>
+    <td align="left"><span id="nforks"><img src="../../images/spinner@2x.gif" width="16" height="16"></span> fork<span id="fplural">s</span></td>
   </tr>
 </table>
 <div id="info">
   <div>
     <h4>branches</h4>
-    <span id="branches"><img src="../../images/spinner.gif"></span>
+    <span id="branches"><img src="../../images/spinner@2x.gif" width="16" height="16"></span>
   </div>
   <div>
     <h4>languages</h4>
-    <span id="langs"><img src="../../images/spinner.gif"></span>
+    <span id="langs"><img src="../../images/spinner@2x.gif" width="16" height="16"></span>
   </div>
   <div id="contributors-box">
     <h4>contributors</h4>
-    <span id="contributors"><img src="../../images/spinner.gif"></span>
+    <span id="contributors"><img src="../../images/spinner@2x.gif" width="16" height="16"></span>
   </div>
   <br class="clear">
 </div>