Added donations page

config.toml

@@ -12,8 +12,6 @@ relativeURLs=true
 
 [taxonomies]
 	tag = "tags"
-	category = "categories"
-	series = "series"
 
 [menu]
 	[[menu.main]]

content/donate.md

@@ -0,0 +1,30 @@
+#
+{{< center-title "Donate" >}}
+
+{{< donation-box monero.svg 8BkNMDwR4h3A25xxx4q6zPCVHKuDZSbC7NaYAC3HT8dJ89dXmf5WxWXUWCHCbCDUMjEFtBEu1sZXwRw18RYBf2eG7mg4YRy >}}
+
+##
+
+Thank you for considering donating! 😄
+
+Currently, you can only donate through **XMR** (Monero). You can read more about
+Monero and it's advantages over other cryptocurrencies
+[here](https://www.getmonero.org/).
+
+I will probably add more donation options such as **Bitcoin** or **Paypal** in
+the future, however keep in mind that XMR is the best way to manage your money.
+
+## Advantages of donators
+A one time donation grants you access to the
+[matrix.elpengu.com](https://element.elpengu.com) homeserver for **1 year**. Accounts on
+the Matrix homeserver are restricted to donators due to the huge amount of
+processing power and storage needed to mentain this service.
+
+## Hosting costs
+**elpengu.com** is hosted at [OVH](https://www.ovhcloud.com/), on a regular
+VPS. Hostings costs are around **280€** per year for the VPS and **12€** per year for
+the DNS. I am a student and I'm currently paying for these services from my own
+money, so any donations are appreciated.
+
+Donating helps me pay for hosting and allows me to expand VPS specifications,
+in order to host more services and have better performance.

layouts/shortcodes/center-title.html

@@ -0,0 +1 @@
+<h1 style="text-align: center"> {{- ( .Get 0 ) -}} </h1>

layouts/shortcodes/donation-box.html

@@ -0,0 +1,11 @@
+<div class='donation'>
+        <span class="donation-icon" style='margin-right: 15px;'>
+            {{- $fname:=print "/static/icons/" ( .Get 0 ) -}}
+            {{- $path:="<path" -}}
+            {{- $fill:="<path fill=\"#D092FC\"" -}}
+                              {{ replace (readFile $fname) $path $fill | safeHTML }}
+        </span>
+    <p class='donation-text'>
+        {{- ( .Get 1 ) -}}
+    </p>
+</div>

resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json

@@ -1 +1 @@
-{"Target":"main.aa3aab5064a97175ffb646579cfe8b10e7fd326b257e771417d16fa662958020.css","MediaType":"text/css","Data":{"Integrity":"sha256-qjqrUGSpcXX/tkZXnP6LEOf9MmslfncUF9FvpmKVgCA="}}
+{"Target":"main.23ca123e98a29ca26b9379e2e87ce8faa729cc35ae3ae73b1792006670522e2c.css","MediaType":"text/css","Data":{"Integrity":"sha256-I8oSPpiinKJrk3ni6Hzo+qcpzDWuOuc7F5IAZnBSLiw="}}

themes/hello-friend-ng/assets/scss/_donation.scss

@@ -0,0 +1,38 @@
+.donation {
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+  width: 80%;
+  max-width: 800px;
+  border: 1px solid #A337F0;
+  border-radius: 15px;
+  padding: 10px 20px;
+  margin-bottom: 20px;
+  margin-left: 10%;
+  display: flex;
+}
+
+.donation-icon {
+  display: inline-block;
+  width: 10%;
+  max-width: 40px;
+  margin-right: 10px;
+}
+
+.donation-text {
+  margin-top:7px;
+  display: block;
+  font-size: 12px;
+  color: #ffffff;
+  max-width: 85%;
+  overflow-wrap: break-word;
+}
+
+@media only screen and (max-width: 768px) {
+  .donation-icon {
+    width: 40%;
+  }
+  .donation-text {
+    width: 75%;
+  }
+}

themes/hello-friend-ng/assets/scss/main.scss

@@ -20,3 +20,4 @@
 @import "icons";
 @import "index";
 @import "taglist";
+@import "donation";