Browse Source

feat: liberapay donation button

main
Garrit Franke 2 years ago
parent
commit
6db4dd8d95
Signed by: garrit
GPG Key ID: BB54AF7EB0939F3D
  1. 25
      index.html
  2. 7
      styles/atoms.css
  3. 11
      styles/support.css

25
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
services helps you turn your project ideas into reality.
to connect with likeminded people. /dev.space is the
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
class="button__link button__contact"
<div class="support-us__donations__container">
<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>

7
styles/atoms.css

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

11
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;
}
Loading…
Cancel
Save