Kumi
7245f1474a
Implemented a shared base HTML template to DRY up the markup across the service’s various pages, including the index, legal, privacy, and terms pages. This centralizes common elements like headers, footers, and imports, facilitating easier updates and consistency in design across the platform. Existing content from these individual pages is now extending the base template, adhering to best practices in templating and reducing code duplication.
83 lines
No EOL
2.3 KiB
HTML
83 lines
No EOL
2.3 KiB
HTML
{% extends "base.html" %}
|
|
{% block content %}
|
|
<div class="container">
|
|
<h1>Welcome to Private.coffee</h1>
|
|
<p>
|
|
Private.coffee is a collection of services that respect your privacy.
|
|
</p>
|
|
<p>
|
|
Click on a service to go to it. Some services are also available using
|
|
Tor and/or I2P. Click the arrow behind the "Go to" link to see all
|
|
available versions.
|
|
</p>
|
|
|
|
<div class="row" id="services">
|
|
{% for service in services.services %}
|
|
<div class="service col-sm-4">
|
|
<h3>{{ service.name }}</h3>
|
|
<p>
|
|
{{ service.long_description }}
|
|
</p>
|
|
{% for link in service.links %}
|
|
<div class="btn-group">
|
|
<a href="{{ link.url }}" class="btn
|
|
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
|
|
>{{ link.name }}</a
|
|
>
|
|
{% if link.alternatives %}
|
|
<button
|
|
type="button"
|
|
class="btn dropdown-toggle dropdown-toggle-split
|
|
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
>
|
|
<span class="visually-hidden">Toggle Dropdown</span>
|
|
</button>
|
|
<ul
|
|
class="dropdown-menu"
|
|
x-placement="bottom-start"
|
|
style="
|
|
position: absolute;
|
|
transform: translate3d(80px, 38px, 0px);
|
|
top: 0px;
|
|
left: 0px;
|
|
will-change: transform;
|
|
"
|
|
>
|
|
{% for alternative in link.alternatives %}
|
|
<a class="dropdown-item" href="{{ alternative.url }}"
|
|
>{{ alternative.name }}</a
|
|
>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div class="service col-sm-4">
|
|
<h3>Hosting</h3>
|
|
<p>
|
|
Need hosting for your privacy-related, social or wholesome
|
|
project? We might be able to share our resources with you for
|
|
free!
|
|
</p>
|
|
<a href="mailto:support@private.coffee" class="btn btn-primary"
|
|
>Get in touch!</a
|
|
>
|
|
</div>
|
|
<div class="service col-sm-4">
|
|
<h3>More?</h3>
|
|
<p>
|
|
We are working on more services. If you have any suggestions,
|
|
please let us know!
|
|
</p>
|
|
<a href="mailto:support@private.coffee" class="btn btn-primary"
|
|
>Get in touch!</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |