Ikony v rolovací navigaci

sass/main.scss

@@ -71,10 +71,16 @@ header {
 				color: #2E3440;
 
 				a {
-					display: block;
+					display: flex;
+					align-items: center;
 					padding: .5em;
 
 					&:hover { color: var(--color) }
+					.icon {
+						color:  var(--color);
+						margin-right: .4em;
+						font-size: 1.5em;
+					}
 				}
 
 			}

templates/macros.html

@@ -25,7 +25,7 @@
 						<ul>
 							{% for subsection in section.subsections %}
 								{% set subsection = get_section(path=subsection) %}
-								<li><a href="{{ subsection.permalink }}">{{ subsection.title }}</a></li>
+								<li><a href="{{ subsection.permalink }}"><span class="icon">&clubs;</span>{{ subsection.title }}</a></li>
 							{% endfor %}
 						</ul>
 					{% endif %}