show hidpi images for avatars, site load icon, and favicon

app/assets/stylesheets/application.css

@@ -276,6 +276,14 @@ div#inside {
 	margin-right: 11px;
 }
 
+@media screen and (min-resolution: 2dppx) {
+	#l_holder {
+		background: #ee0000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QAAAD/AAauuCqnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wsCAS8I72AnqAAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAABE0lEQVRYw+2WMUoEMRSG34uDs4jaW1go2HgBvYOdjb3VnsDKSvAAdh7BM4i9LNiJsJ3gtDMqKDOzZOaLjcIimXUZd3dE8kGa5Cf5XlLkiQQCHaNNC1VVHRhjLqbZBOhHUXTTRiCasFZ+jh1VXfYFnHNvIjJ0zo3mdkVlWW4D7+4bwGOWZWsLeSfg2iNwOYu9zZS5Z8/c6yIF5kYQCAJB4H8LAGfAeScCRVFsisipiBx2IhDHcV9VVUTqWQise+ZWmsLW2n0ROflqLX5VSZqmq0Dq+Q2HeZ5vjGeTJOnVdX0MvIzl7lodbK3dA66AJ9cAUAEPwC1wD4w8mUGrjsgYs6WqRxP7OdUlEdn9oZZKAoHAX+YDqSbY/ekOWr0AAAAASUVORK5CYII=) no-repeat;
+		background-size: 16px;
+		background-position: 1px 1px;
+	}
+}
+
 #header h1 {
 	font-size: 11pt;
 	margin: 0px;

app/views/layouts/application.html.erb

@@ -11,6 +11,7 @@
   <meta name="robots" content="noarchive,noodp,noydir" />
   <meta name="referrer" content="always" />
   <meta name="theme-color" content="#AC130D" />
+  <link rel="shortcut icon" href="/favicon.ico" />
   <% if @short_url %>
     <link rev="canonical" rel="self alternate shorter shorturl shortlink"
       href="<%= @short_url %>" />

app/views/stories/_listdetail.html.erb

@@ -61,7 +61,8 @@ class="story <%= story.vote && story.vote[:vote] == 1 ? "upvoted" : "" %>
           <span class="byline">
             <% if @user && @user.show_avatars? %>
               <a href="/u/<%= ms.user.username %>"><img
-                src="<%= ms.user.avatar_url(16) %>" class="avatar"></a>
+                src="<%= ms.user.avatar_url(16) %>"
+                srcset="<%= ms.user.avatar_url(32) %> 32w" class="avatar"></a>
             <% end %>
 
             <% if story.user_is_author? %>
@@ -89,7 +90,8 @@ class="story <%= story.vote && story.vote[:vote] == 1 ? "upvoted" : "" %>
     <div class="byline">
       <% if @user && @user.show_avatars? %>
         <a href="/u/<%= story.user.username %>"><img
-          src="<%= story.user.avatar_url(16) %>" class="avatar"></a>
+          src="<%= story.user.avatar_url(16) %>"
+          srcset="<%= story.user.avatar_url(32) %> 32w" class="avatar"></a>
       <% end %>
       <% if story.user_is_author? %>
         authored

app/views/users/show.html.erb

@@ -17,7 +17,8 @@
 
   <% if @showing_user.is_active? %>
     <div id="gravatar">
-      <img src="<%= @showing_user.avatar_url %>">
+      <img src="<%= @showing_user.avatar_url(100) %>"
+        srcset="<%= @showing_user.avatar_url(200) %> 200w">
     </div>
   <% end %>