feat: liberapay donation button

index.html

@@ -15,16 +15,20 @@
                 <h3 class="welcome__text-area__subheading">
                     Where developers can collectively learn and grow.
                 </h3>
-                <p class="welcome__text-area__description">
+                <p class="description">
                     Whether you're freshly starting out, or you are just looking
-                    to connect with likeminded people. Our suite of online
+                    to connect with likeminded people. /dev.space is the
-                    services helps you turn your project ideas into reality.
+                    community you've been looking for.
                 </p>
             </div>
         </section>
         <section class="services">
             <div class="services__container">
                 <h2 class="services__heading">Our Services</h2>
+                <p class="description">
+                    Our suite of online services helps you turn your project
+                    ideas into reality.
+                </p>
                 <div class="services__offers">
                     <div class="services__offers__card">
                         <h1 class="services__offers__card__heading">Chat</h1>
@@ -108,11 +112,18 @@
                     Hosting servers does have its price though. Concider
                     supporting us by leaving a small donation.
                 </p>
-                <a
+                <div class="support-us__donations__container">
-                    class="button__link button__contact"
+                    <a
+                    class="button__link support-us__donations__button"
                     href="https://donate.slashdev.space"
-                    ><p>Donate</p></a
+                    ><p>Donate with Fosspay</p></a
-                >
+                    >
+                    <a
+                    class="button__link support-us__donations__button"
+                    href="https://liberapay.com/garritfra/donate"
+                    ><p>Donate with Liberapay</p></a
+                    >
+                </div>
             </div>
         </section>
     </body>

styles/atoms.css

@@ -26,4 +26,11 @@
     .button__link p {
         font-size: 1.3rem;
     }
+}
+
+/* Description */
+
+.description {
+    margin-right: 12vw;
+    margin-left: 12vw;
 }

styles/support.css

@@ -2,4 +2,15 @@
     width: 80vw;
     margin: auto;
     justify-content: center
+}
+
+.support-us__donations__container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-bottom: 2rem;
+}
+
+.support-us__donations__button {
+    margin: 1rem;
 }