feat(membership page): redesign with enhanced UI and added crypto donations

Redesigned the membership and donations page to improve user engagement and visual appeal. The update introduces a more organized layout with separate sections for membership details, bank, and new cryptocurrency donation options. Each section is now contained within card layouts, offering a cleaner and more accessible interface. Additionally, a new transparency report section has been added to foster trust through financial openness. This change aims to encourage more memberships and donations by making information clearer and adding modern donation options like Bitcoin, Monero, and Ethereum.
This commit is contained in:
Kumi 2024-05-25 18:06:25 +02:00
parent b0b6a4468a
commit 59cd161c47
Signed by: kumi
GPG key ID: ECBCC9082395383F

View file

@ -1,56 +1,152 @@
{% extends "base.html" %} {% extends "base.html" %} {% block title %}Membership / Donations{% endblock %}
{% block title %}Membership / Donations{% endblock %}
{% block content %} {% block content %}
<div class="container"> <div class="container my-5">
<h1>Membership/Donations</h1> <div class="text-center mb-5">
<p> <h1 class="special-header fancy-text-primary">Membership/Donations</h1>
private.coffee is a non-profit organization dedicated to supporting privacy <p class="lead">
and digital sovereignty. We fund our server infrastructure through donations Private.coffee is a non-profit organization dedicated to supporting
and membership fees. privacy and digital sovereignty. We fund our activities and running
</p> infrastructure costs through membership fees. Donations allow us to expand
<p> our services and reach more people.
Membership fees help cover the costs of server infrastructure, domain names,
and other operating expenses. Likewise, all donations contribute towards
these ongoing costs.
</p>
<p>
Supporting the private.coffee project is possible by joining our association
or by making a direct donation.
</p>
<div class="donation-details">
<p><b>Donations:</b></p>
<p>
Bank private.coffee - Verein zur Förderung von Privatsphäre und digitaler
Souveränität
</p>
<p>IBAN: AT35 2081 5000 4554 0812</p>
<p>BIC: STSPAT2GXXX</p>
<p>
For donation listing preferences, please specify in the note to payee.
</p> </p>
</div> </div>
<div class="zvr-number"> <div class="row">
<p>Central Register of Associations (ZVR) Number: 1758485319</p> <div class="col-md-4 mb-4">
<p> <div class="card shadow-sm">
Our statutes can be found in our Git <div class="card-body">
<a href="https://git.private.coffee/PrivateCoffee/statuten" <h5 class="card-title">Membership</h5>
>in German (legally binding)</a <p class="card-text">
> Membership fees help cover the costs of our activities, server
and infrastructure, domain names, and other running operating expenses.
<a Donations allow us to pay for one-time expenses like software
href="https://git.private.coffee/PrivateCoffee/Statuten/src/branch/english" </p>
>in English</a <p class="card-text">
>. Supporting the Private.coffee project is possible by joining our
</p> association or by making a direct donation.
<p class="contact-info"> </p>
Interested in joining the association? Reach out via <a href="#" class="btn btn-primary">Join Us</a>
<a href="mailto:support@private.coffee">email</a> or </div>
<a href="https://matrix.private.cf/#/#private.coffee:private.coffee" </div>
>Matrix</a </div>
>
for more information. <div class="col-md-4 mb-4">
</p> <div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title">Bank Donations</h5>
<p class="card-text">
Private.coffee - Verein zur Förderung von Privatsphäre und digitaler
Souveränität
</p>
<p class="card-text"><b>IBAN:</b> AT35 2081 5000 4554 0812</p>
<p class="card-text"><b>BIC:</b> STSPAT2GXXX</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title">Crypto Donations</h5>
<p class="card-text">
While our expenses are in fiat currency, we accept donations in
cryptocurrencies, too.
</p>
<p class="card-text">
<b>Bitcoin (BTC):</b> ___________________________________________
</p>
<p class="card-text">
<b>Monero (XMR):</b> ___________________________________________
</p>
<p class="card-text">
<b>Ethereum (ETH):</b> ___________________________________________
</p>
</div>
</div>
</div>
</div>
<div class="card shadow-sm mt-4">
<div class="card-body">
<h5 class="card-title">Transparency Report</h5>
<p class="card-text">
We believe in transparency and accountability. Below is a summary of our
income and expenses for the last month.
</p>
<div class="table-responsive">
<table class="table table-bordered">
<thead class="table-light">
<tr>
<th scope="col">Category</th>
<th scope="col">Amount (€)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Membership Fees</td>
<td>€390</td>
</tr>
<tr>
<td>Donations</td>
<td>€0</td>
</tr>
<tr>
<td>Crypto Donations</td>
<td>BTC 0 / XMR 0 / ETH 0</td>
</tr>
<tr>
<td>Server Costs</td>
<td>€2,800</td>
</tr>
<tr>
<td>Domain Names</td>
<td>€400</td>
</tr>
<tr>
<td>Operating Expenses</td>
<td>€1,200</td>
</tr>
<tr class="table-secondary">
<td><b>Total Income</b></td>
<td><b>€390</b></td>
</tr>
<tr class="table-secondary">
<td><b>Total Expenses</b></td>
<td><b>€4,400</b></td>
</tr>
<tr class="table-secondary">
<td><b>Account Balance (end of month)</b></td>
<td><b>€-5,300 / 0 BTC / 0 XMR / 0 BTC</b></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card shadow-sm mt-4">
<div class="card-body">
<h5>Central Register of Associations (ZVR) Number: 1758485319</h5>
<p>
Our statutes can be found in our Git
<a href="https://git.private.coffee/PrivateCoffee/statuten"
>in German (legally binding)</a
>
and
<a
href="https://git.private.coffee/PrivateCoffee/Statuten/src/branch/english"
>in English</a
>.
</p>
<p class="contact-info" id="contact-info">
Interested in joining the association? Reach out via
<a href="mailto:support@private.coffee">email</a> or
<a href="https://matrix.pcof.fi/#/#private.coffee:private.coffee"
>Matrix</a
>
for more information.
</p>
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}