nav: add donation button

_includes/header-custom.html

@@ -12,7 +12,8 @@
 	</a>
 
 	<div class="action-container action-container--right">
-		<a class="rss" href="/atom.xml" target="_blank"><img class="rss-icon" src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
+		<a class="icon" href="https://revuo-xmr.com/issue-115.html#donate" target="_blank"><img src="/img/donate.png" alt="Donate" title="Donate" /></a>
+		<a class="icon" href="/atom.xml" target="_blank"><img src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
 	</div>
 
     <div class="revuo-classes">

_includes/menu.html

@@ -6,7 +6,8 @@
 				<input type="checkbox">
 				<span class="slider round"></span>
 			</label>
-			<a class="rss" href="/atom.xml" target="_blank"><img class="rss-icon" src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
+			<a class="icon" href="https://revuo-xmr.com/issue-115.html#donate" target="_blank"><img src="/img/donate.png" alt="Donate" title="Donate" /></a>
+			<a class="icon" href="/atom.xml" target="_blank"><img src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
 		</div>
 		<a href="{{ site.baseurl }}">Revuo Weekly</a>
 

_sass/layout.scss

@@ -53,10 +53,9 @@ html, body {
     gap: 12px;
     justify-content: center;
     
-    .rss {
+    .icon {
       padding: 0;
-
-      .rss-icon {
+      > img {
         margin-bottom: 0;
       }
     }

css/main.scss

@@ -127,7 +127,9 @@ time.by-line {
   position: absolute;
 }
 
-#header a.rss {
-	display: block;
-  padding-bottom: 0;
+#header {
+  a.rss, a.donate {
+    display: block;
+    padding-bottom: 0;
+  }
 }