Getting poor update

Author: Phoenixx19

_data/supporters.json

@@ -0,0 +1,20 @@
+{
+    "supporters": [
+        {
+            "name": "Anonymous",
+            "amount": 10
+        },
+        {
+            "name": "skatman117",
+            "amount": 10
+        },
+        {
+            "name": "Guesa",
+            "amount": 6
+        },
+        {
+            "name": "kkaero",
+            "amount": 0.69
+        }
+    ]
+}

_includes/supporter.html

@@ -0,0 +1,6 @@
+<li class="dono-pog">
+    {{ include.name }}
+    <span title="Donated {{ include.contribution }} Euro!">
+        <ion-icon name="heart"></ion-icon>
+    </span>
+</li>

index.html

@@ -196,6 +196,13 @@ <h4>Developer (v1.8)</h4>
               </div>
             </div>
           </div>
+          <h3>Supporters of the project</h3>
+          <ul class="supporters">
+            <a href="https://www.paypal.me/{{ site.footer-links.paypal }}" class="button">Become a Gigachad <ion-icon name="logo-paypal" style="vertical-align: middle;"></ion-icon></a>
+            {% for supporter in site.data.supporters.supporters %}
+            {% include supporter.html name=supporter.name contribution=supporter.amount %}
+            {% endfor %}
+          </ul>
           <h3>Community contributors <span title="The current contributors' wall is ordered by date of contribution." style="font-size:small;vertical-align:top;cursor:help;">?</span> </h3>
           <ul class="contributors">
             {% for contributor in site.data.contributors.contributors %}

style.scss

@@ -2209,10 +2209,10 @@ ul.nav-list {
   display: block;
 }
 
-.contributors li::before {
+.contributors li::before, .supporters li::before {
   content: none;
 }
-.contributors li {
+.contributors li, .supporters li {
   display: inline-flex;
   align-items: center;
   padding: .5rem 1rem;
@@ -2234,6 +2234,32 @@ ul.nav-list {
     vertical-align:middle;
   }
 }
+.supporters {
+  margin-bottom: 1.5rem;
+
+li {
+  border: 1px solid #b79455;
+  background: rgba($color: #b79455, $alpha: .2);
+  font-weight: 600;
+  font-size: 125%;
+
+  ion-icon {
+      fill: #b79455;
+      width: 1.25rem;
+    }
+  }
+
+a {
+    border-radius: 10px;
+    margin: 0%;
+    margin-top: .5rem;
+    margin-right: .5rem;
+    padding: .5rem 1rem;
+    font-size: 125%;
+    height: 49px;
+    vertical-align: top;
+  }
+}
 
 article.page.level details {
   &:not([open]) {