Small decorative tweaks

themes/starter/layout/_partial/snowflake.ejs

@@ -0,0 +1,4 @@
+
+<svg class="f-highlight" role="img" aria-labelledby="f-snow" style="fill: #daba76;">
+  <use xlink:href="#icon-snowflake"></use>
+</svg>

themes/starter/layout/archive.ejs

@@ -12,9 +12,9 @@ layout: layout
   </header>
 
   <ul class="links">
-    <li><a href="<%= config.url%>/atom.xml"><%- __('subscribe') %></a></li>
-    <li><a href="https://gitlab.com/fediverse/fediverse.gitlab.io/merge_requests"><%- __('submit') %></a></li>
-    <li><a href="/tags"><%- __('tags') %></a></li>
+    <li><%- partial('_partial/snowflake') %><a href="<%= config.url%>/atom.xml"><%- __('subscribe') %></a></li>
+    <li><%- partial('_partial/snowflake') %><a href="https://gitlab.com/fediverse/fediverse.gitlab.io/merge_requests"><%- __('submit') %></a></li>
+    <li><%- partial('_partial/snowflake') %><a href="/tags"><%- __('tags') %></a></li>
   </ul>
 
   <% page.posts.each(function(post) { %>
@@ -41,7 +41,7 @@ layout: layout
 
   <% if (page.total > 1) { %>
     <nav id="page-nav" class="page-nav">
-      <%- paginator({prev_text: "&#8249;", next_text: "&#8250;"}) %>
+      <%- paginator({prev_text: "&#9664;", next_text: "&#9654;"}) %>
     </nav>
   <% } %>
 

themes/starter/layout/tag.ejs

@@ -12,7 +12,7 @@
 <div class="contents">
   <div class="tags__cloud">
     <% site.tags.map(function(tag) {  %>
-      #<a href="/tags/<%= tag.name %>" <% if (page.path === "tags/" + tag.name + "/index.html") { %>  class="tag--current" <% } %> ><%= tag.name %></a>
+      <%- partial('_partial/snowflake') %><a href="/tags/<%= tag.name %>" <% if (page.path === "tags/" + tag.name + "/index.html") { %>  class="tag--current" <% } %> ><%= tag.name %></a>
     <% }) %>
   </div>
   <div class="one-tag-list">

themes/starter/layout/tags.ejs

@@ -6,7 +6,7 @@ layout: layout
 <div class="contents">
   <div class="tags__cloud">
     <% site.tags.map(function(tag) { %>
-      #<a href="/tags/<%= tag.name %>"><%= tag.name %></a>
+      <%- partial('_partial/snowflake') %><a href="/tags/<%= tag.name %>"><%= tag.name %></a> &nbsp;
     <% }) %>
   </div>
   <div class="one-tag-list">

themes/starter/source/assets/scss/modules/_chronicles.scss

@@ -9,9 +9,10 @@
 }
 
 .chronicles .links {
-  width: 150px;
+  width: 160px;
   height: 150px;
   margin-bottom: 2em;
+  line-height: 1.7;
 }
 
 .chronicles .section-title h4 {
@@ -42,6 +43,10 @@
     }
 }
 
+.post__preview:not(.wanted):not(.featured) a:focus > p {
+  color: $coral;
+}
+
 .post__preview.wanted p {
   margin: .3em 0;
   line-height: 1.2;
@@ -104,6 +109,10 @@
   margin-top: 0;
 }
 
+.post__preview.featured:hover p:first-child,
+.post__preview.featured:focus p:first-child {
+  color: $golden;
+}
 
 .post__preview.featured > .post__image,
 .post__preview.featured .post__content {

themes/starter/source/assets/scss/modules/_network.scss

@@ -40,9 +40,14 @@ img.mascot {
   margin: 0 .2em;
 }
 
+
+
 @media screen and (max-width: $mq-small) {
   .network aside {
     display: none;
   }
 
+  .network .connections li:first-of-type {
+    margin-top: 1em;
+  }
 }