Feature: add the page's footer

template/css/style.css

@@ -331,6 +331,17 @@ body {
   background-color: #333;
 }
 
+.footer {
+  text-align: center;
+  font-size: small;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.footer a {
+  color: #d8d4cf;
+  text-decoration: none;
+}
+
 @media screen and (max-width: 750px) {
   .search-bar {
     display: none;

template/css/style.scss

@@ -387,6 +387,18 @@ body {
   }
 }
 
+.footer {
+  text-align: center;
+  font-size: small;
+  margin-top: 8px;
+  margin-bottom: 8px;
+
+  a {
+    color: $fg;
+    text-decoration: none;
+  }
+}
+
 @media screen and (max-width: 750px) {
   .search-bar {
     display: none;

template/footer.html

@@ -1,3 +1,9 @@
+<div class="footer">
+  <a href="https://codeberg.org/VnPower/pixivfe">
+    <p>Join the development on Codeberg!</p>
+  </a>
+</div>
+
 </body>
 
 </html>