From eb0ae15c191265090cbba22185b28a3dcb335c30 Mon Sep 17 00:00:00 2001
From: lostinlight <hello@libenter.win>
Date: Sat, 3 Nov 2018 22:31:34 +0300
Subject: [PATCH] Small decorative tweaks

---
 themes/starter/layout/_partial/snowflake.ejs          |  4 ++++
 themes/starter/layout/archive.ejs                     |  8 ++++----
 themes/starter/layout/tag.ejs                         |  2 +-
 themes/starter/layout/tags.ejs                        |  2 +-
 .../source/assets/scss/modules/_chronicles.scss       | 11 ++++++++++-
 .../starter/source/assets/scss/modules/_network.scss  |  5 +++++
 6 files changed, 25 insertions(+), 7 deletions(-)
 create mode 100644 themes/starter/layout/_partial/snowflake.ejs

diff --git a/themes/starter/layout/_partial/snowflake.ejs b/themes/starter/layout/_partial/snowflake.ejs
new file mode 100644
index 0000000..853a4d8
--- /dev/null
+++ b/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>
diff --git a/themes/starter/layout/archive.ejs b/themes/starter/layout/archive.ejs
index 55bbdb8..5028136 100644
--- a/themes/starter/layout/archive.ejs
+++ b/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>
   <% } %>
 
diff --git a/themes/starter/layout/tag.ejs b/themes/starter/layout/tag.ejs
index b53d2be..261247c 100644
--- a/themes/starter/layout/tag.ejs
+++ b/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">
diff --git a/themes/starter/layout/tags.ejs b/themes/starter/layout/tags.ejs
index e3e0f24..42862e4 100644
--- a/themes/starter/layout/tags.ejs
+++ b/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">
diff --git a/themes/starter/source/assets/scss/modules/_chronicles.scss b/themes/starter/source/assets/scss/modules/_chronicles.scss
index fcca896..a166291 100644
--- a/themes/starter/source/assets/scss/modules/_chronicles.scss
+++ b/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 {
diff --git a/themes/starter/source/assets/scss/modules/_network.scss b/themes/starter/source/assets/scss/modules/_network.scss
index aa59151..01383ab 100644
--- a/themes/starter/source/assets/scss/modules/_network.scss
+++ b/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;
+  }
 }