emoticons and colors

_includes/navigation.html

@@ -15,13 +15,13 @@
     <a href="#close" title="Close" onclick="removeBlur()" class="close-button">X</a>
     <ul>
       {% if page.url != '/' %}
-      <li><a href="{{ relBase }}/" onclick="removeBlur()" class="button">home</a></li>
+      <li><a href="{{ relBase }}/" onclick="removeBlur()" class="button">🏡 Home</a></li>
       {% endif %}
       {% for entry in site.data.navigation %}
       {% if entry.external_site == false %}
-      <li><a href="{{ relBase }}{{ entry.url }}" onclick="removeBlur()" class="button">{{ entry.name }}</a></li>
+      <li><a href="{{ relBase }}{{ entry.url }}" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
       {% else %}
-      <li><a href="{{ entry.url }}" target="_blank" rel="noopener" onclick="removeBlur()" class="button">{{ entry.name }}</a></li>
+      <li><a href="{{ entry.url }}" target="_blank" rel="noopener" onclick="removeBlur()" class="button">{{ entry.icon }} {{ entry.name }}</a></li>
       {% endif %}
       {% endfor %}
 

_sass/_player.scss

@@ -258,11 +258,11 @@ a[id^="btn"]::-moz-focus-inner {
   text-align: right;
   .button {
     background-color: var(--accent2);
-    color: var(--fg);
+
   }
   .button:hover{
     background-color: var(--accent1);
-    color: var(--bg);
+
   }
   > div {
     > h2, a, p {

highlights.html

@@ -17,12 +17,9 @@ layout: default
 {% include relBase.html %}
 {% include header.html %}
 
-
-
 {% for post in site.posts %}
 {% if post.category == 'highlights' %}
 <section class="front-section">
-
   <div style="background-image:url({{ post.image }})">
     <p class="editor-link"><a href="cloudcannon:collections/_posts/{{ post.path }}" rel="nofollow"
         class="btn"><strong>&#9998;</strong> Edit Posy</a></p>
@@ -33,14 +30,11 @@ layout: default
         <h3>{{ post.title }}</h3>
         {{ post.description  }}
       </div>
-     
       <div>
         <p><a class="button" href="{{ relBase }}{{ post.url }}">📰 Read Highlight</a></p>
       </div>
-  
     </div>
   </div>
-
 </section>
 {% endif %}
 {% endfor %}