style(templates): reformat HTML for better readability
Tidied up the HTML structure across multiple template files to enhance code readability and maintainability. This involved mainly formatting changes like re-indenting, consolidating meta tags, and simplifying element structures. No functional changes were made. These changes aim to improve the ease of future edits and reviews.
This commit is contained in:
parent
250daddcc6
commit
9d005f06d8
GPG key ID:
ECBCC9082395383F
10 changed files with 780 additions and 816 deletions
|
|
@ -3,75 +3,56 @@
|
|||
<!-- This file was created as part of the Private.coffee project
|
||||
It is licensed under the MIT license
|
||||
For more information, please visit https://private.coffee -->
|
||||
|
||||
<head>
|
||||
<meta charset="utf8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
|
||||
/>
|
||||
<meta
|
||||
name="description"
|
||||
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty."
|
||||
/>
|
||||
<meta
|
||||
name="keywords"
|
||||
content="privacy, digital sovereignty, non-profit, association, privacy-focused"
|
||||
/>
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
|
||||
<meta name="description"
|
||||
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
|
||||
<meta name="keywords"
|
||||
content="privacy, digital sovereignty, non-profit, association, privacy-focused" />
|
||||
<meta name="author" content="Private.coffee" />
|
||||
<meta
|
||||
property="og:title"
|
||||
content="Private.coffee - Empowering Privacy with Open Source"
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty."
|
||||
/>
|
||||
<meta property="og:title"
|
||||
content="Private.coffee - Empowering Privacy with Open Source" />
|
||||
<meta property="og:description"
|
||||
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://private.coffee/" />
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://private.coffee/assets/img/logo-inv_grad.png"
|
||||
/>
|
||||
<meta property="og:image"
|
||||
content="https://private.coffee/assets/img/logo-inv_grad.png" />
|
||||
<meta property="og:site_name" content="Private.coffee" />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="Private.coffee" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty."
|
||||
/>
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://private.coffee/assets/img/logo-inv_grad.png"
|
||||
/>
|
||||
<meta name="twitter:description"
|
||||
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
|
||||
<meta name="twitter:image"
|
||||
content="https://private.coffee/assets/img/logo-inv_grad.png" />
|
||||
<link rel="icon" type="image/png" href="assets/img/logo-inv_grad.png" />
|
||||
<title>{% block title %}{% endblock %} - Private.coffee</title>
|
||||
<title>
|
||||
{% block title %}{% endblock %}
|
||||
- Private.coffee</title>
|
||||
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="assets/css/base.css?v={{ timestamp }}" />
|
||||
<link rel="stylesheet" href="assets/css/theme/{{ theme }}.css?v={{ timestamp }}" />
|
||||
<link rel="stylesheet"
|
||||
href="assets/css/theme/{{ theme }}.css?v={{ timestamp }}" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-md py-3 navbar-light" id="mainNav">
|
||||
<div class="container">
|
||||
<div class="row d-lg-flex align-items-lg-center">
|
||||
<div class="col p-0">
|
||||
<a href="/"
|
||||
><div id="smallLogoContainer"></div></a>
|
||||
<a href="/">
|
||||
<div id="smallLogoContainer"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col d-flex">
|
||||
<a class="navbar-brand d-flex align-items-center" href="/">
|
||||
<p
|
||||
class="mb-0"
|
||||
style="line-height: 1.2rem; color: var(--bs-tertiary-color)"
|
||||
>
|
||||
<span class="ps-2 fancy-text-primary"
|
||||
><span style="color: rgb(35, 35, 35)"
|
||||
>Private.coffee</span
|
||||
></span
|
||||
><br class="that-br" /><span class="ps-2 slogan"
|
||||
>Empowering Privacy with Open Source</span
|
||||
>
|
||||
<p class="mb-0"
|
||||
style="line-height: 1.2rem;
|
||||
color: var(--bs-tertiary-color)">
|
||||
<span class="ps-2 fancy-text-primary"><span style="color: rgb(35, 35, 35)">Private.coffee</span></span>
|
||||
<br class="that-br" />
|
||||
<span class="ps-2 slogan">Empowering Privacy with Open Source</span>
|
||||
</p>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -82,17 +63,12 @@
|
|||
<a class="nav-link active" href="/index.html">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://status.private.coffee/"
|
||||
>Status</a
|
||||
>
|
||||
<a class="nav-link" href="https://status.private.coffee/">Status</a>
|
||||
</li>
|
||||
</ul>
|
||||
<a
|
||||
class="btn btn-primary shadow navbar-btn"
|
||||
<a class="btn btn-primary shadow navbar-btn"
|
||||
role="button"
|
||||
href="/membership.html"
|
||||
>JOIN & SUPPORT</a
|
||||
>
|
||||
href="/membership.html">JOIN & SUPPORT</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -101,27 +77,24 @@
|
|||
<footer class="bg-primary-gradient">
|
||||
<div class="container py-4 py-lg-5">
|
||||
<div class="row justify-content-center">
|
||||
<div
|
||||
class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"
|
||||
>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
|
||||
<h3 class="fs-6 fw-bold">Legal Stuff</h3>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="/legal.html">Legal Notice</a></li>
|
||||
<li><a href="/privacy.html">Privacy Notice</a></li>
|
||||
<li><a href="/terms.html">Terms of Service</a></li>
|
||||
<li>
|
||||
<a href="/legal.html">Legal Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/privacy.html">Privacy Notice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/terms.html">Terms of Service</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"
|
||||
></div>
|
||||
<div
|
||||
class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last"
|
||||
>
|
||||
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
|
||||
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
|
||||
<div class="fw-bold d-flex align-items-center mb-2">
|
||||
<span
|
||||
class="bs-icon-sm bs-icon-circle bs-icon-primary d-flex justify-content-center align-items-center bs-icon me-2"
|
||||
>{{ "coffee" | icon | safe }}</span
|
||||
><span>Private.coffee</span>
|
||||
<span class="bs-icon-sm bs-icon-circle bs-icon-primary d-flex justify-content-center align-items-center bs-icon me-2">{{ "coffee" | icon | safe }}</span><span>Private.coffee</span>
|
||||
</div>
|
||||
<p class="text-muted">
|
||||
Private.coffee is a privacy-focused non-profit association,
|
||||
|
|
@ -130,16 +103,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<div
|
||||
class="text-muted d-flex justify-content-between align-items-center pt-3"
|
||||
>
|
||||
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
|
||||
<p class="mb-0">Made with ❤️ and ☕ by Private.coffee</p>
|
||||
<p class="mb-0">
|
||||
<a
|
||||
href="https://git.private.coffee/privatecoffee/privatecoffee-website"
|
||||
><img
|
||||
src="https://shields.private.coffee/gitea/last-commit/privatecoffee/privatecoffee-website?gitea_url=https://git.private.coffee&logo=forgejo"
|
||||
/></a>
|
||||
<a href="https://git.private.coffee/privatecoffee/privatecoffee-website">
|
||||
<img src="https://shields.private.coffee/gitea/last-commit/privatecoffee/privatecoffee-website?gitea_url=https://git.private.coffee&logo=forgejo" />
|
||||
</a>
|
||||
<a href="https://pride.coffee">{{ "rainbow" | icon | safe }}</a>
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,19 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bridges and bots</title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="font-family: Arial, sans-serif; background-color: #f2f2f2; color: #333; line-height: 1.6; padding: 20px; max-width: 600px; margin: auto;">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bridges and bots</title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="font-family: Arial, sans-serif;
|
||||
background-color: #f2f2f2;
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
padding: 20px;
|
||||
max-width: 600px;
|
||||
margin: auto">
|
||||
<h2 style="color: #333;">Bridges and bots</h2>
|
||||
<p>These are the bridges and bots available to Private.coffee Matrix users:</p>
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
{% for bridge in bridges.bridges %}
|
||||
<li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://matrix.pcof.fi/#/{{ bridge.mxid }}">{{ bridge.name }}</a> - {{ bridge.mxid }}</li>
|
||||
<li style="padding: 8px 0;">
|
||||
<a style="color: #1a5dab;
|
||||
text-decoration: none"
|
||||
href="https://matrix.pcof.fi/#/{{ bridge.mxid }}">{{ bridge.name }}</a> - {{ bridge.mxid }}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,26 +1,24 @@
|
|||
{% extends "base.html" %} {% block title %}Home{% endblock %} {% block content
|
||||
%}
|
||||
<header class="bg-primary-gradient">
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Home{% endblock %}
|
||||
{% block content
|
||||
%}
|
||||
<header class="bg-primary-gradient">
|
||||
<div class="container pt-4 pt-xl-5 pb-4 pb-xl-5">
|
||||
<div class="row gy-5 pt-5">
|
||||
<div class="col-md-8 col-xl-6 text-center text-md-start mx-auto">
|
||||
<div class="text-center">
|
||||
<h2>Empowering Privacy with Open Source</h2>
|
||||
</div>
|
||||
<p
|
||||
class="text-center special-header fancy-text-primary mb-0"
|
||||
style="font-weight: 500"
|
||||
>
|
||||
Private.coffee
|
||||
</p>
|
||||
<p class="text-center special-header fancy-text-primary mb-0"
|
||||
style="font-weight: 500">Private.coffee</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-10 mx-auto justify-content-center d-flex">
|
||||
<div id="logoContainer"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<section class="bg-white">
|
||||
</header>
|
||||
<section class="bg-white">
|
||||
<div class="container bg-white py-5">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-xl-6 text-center mx-auto">
|
||||
|
|
@ -33,69 +31,60 @@
|
|||
</div>
|
||||
<div class="py-5 p-lg-5">
|
||||
<div class="accordion">
|
||||
{% for service in services.services %} {% if not
|
||||
{% for service in services.services %}
|
||||
{% if not
|
||||
service.exclude_from_index %}
|
||||
<details class="accordion-item">
|
||||
<summary class="accordion-header">
|
||||
{% if service.icon %}
|
||||
<div
|
||||
class="bs-icon-lg d-flex justify-content-center align-items-center bs-icon"
|
||||
title="{{ service.name }}"
|
||||
>
|
||||
{{ service.icon | icon | safe }}
|
||||
</div>
|
||||
{% endif %} {{ service.name }}{% if service.tiny_description %} - {{
|
||||
service.tiny_description }}{% endif %} {% if service.homemade %}
|
||||
<div class="bs-icon-lg d-flex justify-content-center align-items-center bs-icon"
|
||||
title="{{ service.name }}">{{ service.icon | icon | safe }}</div>
|
||||
{% endif %}
|
||||
{{ service.name }}
|
||||
{% if service.tiny_description %}
|
||||
- {{
|
||||
service.tiny_description }}
|
||||
{% endif %}
|
||||
{% if service.homemade %}
|
||||
<a href="{{ service.homemade }}">
|
||||
<div
|
||||
class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm homemade"
|
||||
title="Made by Private.coffee"
|
||||
>
|
||||
{{ "coffee" | icon | safe }}
|
||||
</div>
|
||||
<div class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm homemade"
|
||||
title="Made by Private.coffee">{{ "coffee" | icon | safe }}</div>
|
||||
</a>
|
||||
{% endif %} {% if service.fork %}
|
||||
{% endif %}
|
||||
{% if service.fork %}
|
||||
<a href="{{ service.fork }}">
|
||||
<div
|
||||
class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm fork"
|
||||
title="Runs on a fork of the original software"
|
||||
>
|
||||
{{ "git-branch" | icon | safe }}
|
||||
</div>
|
||||
<div class="bs-icon-sm bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-sm fork"
|
||||
title="Runs on a fork of the original software">{{ "git-branch" | icon | safe }}</div>
|
||||
</a>
|
||||
{% endif %}
|
||||
</summary>
|
||||
<div class="accordion-body">
|
||||
<p class="text-muted card-text mb-4">
|
||||
{{ service.long_description }}
|
||||
</p>
|
||||
{% for link in service.links %} {% if link.alternatives %}
|
||||
<p class="text-muted card-text mb-4">{{ service.long_description }}</p>
|
||||
{% for link in service.links %}
|
||||
{% if link.alternatives %}
|
||||
<div class="button-wrapper dropdown">
|
||||
<div class="btn btn-primary w-100 shadow">
|
||||
<a class="main-link" href="{{ link.url }}">{{ link.name }}</a>
|
||||
<div class="dropdown-toggle-area">▼</div>
|
||||
</div>
|
||||
<div class="dropdown-content">
|
||||
{% for alternative in link.alternatives %}
|
||||
<a href="{{ alternative.url }}">{{ alternative.name }}</a>
|
||||
{% endfor %}
|
||||
{% for alternative in link.alternatives %}<a href="{{ alternative.url }}">{{ alternative.name }}</a>{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% else %}
|
||||
<a
|
||||
class="button-wrapper btn btn-primary shadow w-100 text-center"
|
||||
href="{{ link.url }}"
|
||||
>{{ link.name }}</a
|
||||
>
|
||||
{% endif %} {% endfor %}
|
||||
<a class="button-wrapper btn btn-primary shadow w-100 text-center"
|
||||
href="{{ link.url }}">{{ link.name }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</details>
|
||||
{% endif %} {% endfor %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bg-primary-gradient">
|
||||
</section>
|
||||
<section class="bg-primary-gradient">
|
||||
<div class="container py-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
|
|
@ -116,37 +105,25 @@
|
|||
<div class="card bg-primary-subtle">
|
||||
<div class="card-body text-center px-4 py-5 px-md-5">
|
||||
<p class="fw-bold text-primary card-text mb-2">Join or donate</p>
|
||||
<h5 class="fw-bold card-title mb-3">
|
||||
Be a part of the open source community!
|
||||
</h5>
|
||||
<a class="btn btn-primary btn-sm" href="/membership.html"
|
||||
>Learn more</a
|
||||
>
|
||||
<h5 class="fw-bold card-title mb-3">Be a part of the open source community!</h5>
|
||||
<a class="btn btn-primary btn-sm" href="/membership.html">Learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col mb-4">
|
||||
<div class="card bg-secondary-subtle">
|
||||
<div class="card-body text-center px-4 py-5 px-md-5">
|
||||
<p class="fw-bold text-secondary card-text mb-2">
|
||||
Private Hosting
|
||||
</p>
|
||||
<h5 class="fw-bold card-title mb-3">
|
||||
Interested in Hosting Services?
|
||||
</h5>
|
||||
<a
|
||||
class="btn btn-secondary btn-sm"
|
||||
href="mailto:support@private.coffee"
|
||||
>Get in touch</a
|
||||
>
|
||||
<p class="fw-bold text-secondary card-text mb-2">Private Hosting</p>
|
||||
<h5 class="fw-bold card-title mb-3">Interested in Hosting Services?</h5>
|
||||
<a class="btn btn-secondary btn-sm" href="mailto:support@private.coffee">Get in touch</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="py-5">
|
||||
</section>
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-md-8 col-xl-6 text-center mx-auto">
|
||||
|
|
@ -155,16 +132,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div
|
||||
class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start"
|
||||
>
|
||||
<div
|
||||
class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100"
|
||||
>
|
||||
<div class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start">
|
||||
<div class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100">
|
||||
<div class="d-flex align-items-center p-3">
|
||||
<div
|
||||
class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md"
|
||||
>
|
||||
<div class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md">
|
||||
{{ "envelope" | icon | safe }}
|
||||
</div>
|
||||
<div class="px-2">
|
||||
|
|
@ -176,25 +147,16 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div
|
||||
class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start"
|
||||
>
|
||||
<div
|
||||
class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100"
|
||||
>
|
||||
<div class="col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start">
|
||||
<div class="d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100">
|
||||
<div class="d-flex align-items-center p-3">
|
||||
<div
|
||||
class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md"
|
||||
>
|
||||
<div class="bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md">
|
||||
{{ "matrix-logo" | icon | safe }}
|
||||
</div>
|
||||
<div class="px-2">
|
||||
<h6 class="fw-bold mb-0">Matrix</h6>
|
||||
<p class="text-muted mb-0">
|
||||
<a
|
||||
href="https://matrix.pcof.fi/#/#private.coffee:private.coffee"
|
||||
>#private.coffee:private.coffee</a
|
||||
>
|
||||
<a href="https://matrix.pcof.fi/#/#private.coffee:private.coffee">#private.coffee:private.coffee</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -202,5 +164,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,11 @@
|
|||
{% extends "base.html" %}
|
||||
{% block title %}Legal Notice{% endblock %}
|
||||
{% block content %}
|
||||
<section>
|
||||
<section>
|
||||
<div class="container py-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<p class="text-end special-header fancy-text-primary mb-0">
|
||||
Legal Notice
|
||||
</p>
|
||||
<p class="text-end special-header fancy-text-primary mb-0">Legal Notice</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<p class="text-start mb-1" style="font-size: 1.6rem">
|
||||
|
|
@ -18,17 +16,21 @@
|
|||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<p>This is a legal notice for the website private.coffee</p>
|
||||
<p>The website private.coffee is run by the following entity:</p>
|
||||
<address>
|
||||
Private.coffee ‐ Verein zur Förderung von Privatsphäre und
|
||||
digitaler Souveränität<br />
|
||||
c/o Klaus-Uwe Mitterer<br />
|
||||
Gartengasse 22/7/3<br />
|
||||
8010 Graz<br />
|
||||
Austria<br />
|
||||
digitaler Souveränität
|
||||
<br />
|
||||
c/o Klaus-Uwe Mitterer
|
||||
<br />
|
||||
Gartengasse 22/7/3
|
||||
<br />
|
||||
8010 Graz
|
||||
<br />
|
||||
Austria
|
||||
<br />
|
||||
</address>
|
||||
<p>Central Register of Associations (ZVR) Number: 1758485319</p>
|
||||
<p>
|
||||
|
|
@ -37,5 +39,5 @@
|
|||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
{% extends "base.html" %} {% block title %}Membership / Donations{% endblock %}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Membership / Donations{% endblock %}
|
||||
{% block content %}
|
||||
<div class="container my-5">
|
||||
<div class="container my-5">
|
||||
<div class="text-center mb-5">
|
||||
<h1 class="special-header fancy-text-primary">Membership/Donations</h1>
|
||||
<p class="lead">
|
||||
|
|
@ -10,10 +11,7 @@
|
|||
our services and reach more people.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% block serviceinfo %}
|
||||
{% endblock %}
|
||||
|
||||
{% block serviceinfo %}{% endblock %}
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card shadow-sm">
|
||||
|
|
@ -25,16 +23,11 @@
|
|||
expenses. This allows us to provide services to our members and the
|
||||
public.
|
||||
</p>
|
||||
<p class="card-text">
|
||||
Membership starts at € 5 / month!
|
||||
</p>
|
||||
<a href="https://pcof.fi/join" class="btn btn-primary">
|
||||
Join us now!
|
||||
</a>
|
||||
<p class="card-text">Membership starts at € 5 / month!</p>
|
||||
<a href="https://pcof.fi/join" class="btn btn-primary">Join us now!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
|
|
@ -44,13 +37,18 @@
|
|||
direct donation to our bank account. Your donation will be used to
|
||||
fund our activities and expand our services.
|
||||
</p>
|
||||
<p class="card-text"><b>Account holder:</b> Private.coffee</p>
|
||||
<p class="card-text"><b>IBAN:</b> AT35 2081 5000 4554 0812</p>
|
||||
<p class="card-text"><b>BIC:</b> STSPAT2GXXX</p>
|
||||
<p class="card-text">
|
||||
<b>Account holder:</b> Private.coffee
|
||||
</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">
|
||||
|
|
@ -65,9 +63,7 @@
|
|||
</p>
|
||||
<p class="card-text">
|
||||
<b>Monero (XMR):</b>
|
||||
<code
|
||||
>487Ny4iBk2pKGJwjyYrumFD8xFmrS6jCSXNA8e5EvVJ49GyS54CRDVz514MBnXgNT1EioKYiagHs33sLzUAFj8i3Pwg3AMS</code
|
||||
>
|
||||
<code>487Ny4iBk2pKGJwjyYrumFD8xFmrS6jCSXNA8e5EvVJ49GyS54CRDVz514MBnXgNT1EioKYiagHs33sLzUAFj8i3Pwg3AMS</code>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<b>Ethereum (ETH):</b> <code>Coming soon™</code>
|
||||
|
|
@ -80,7 +76,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card shadow-sm mt-4">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Transparency Report for {{ finances_period }}</h5>
|
||||
|
|
@ -97,30 +92,22 @@
|
|||
</p>
|
||||
</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
|
||||
>
|
||||
<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
|
||||
>.
|
||||
<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
|
||||
>
|
||||
<a href="https://matrix.pcof.fi/#/#private.coffee:private.coffee">Matrix</a>
|
||||
for more information.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
{% extends "base.html" %} {% block title %}Privacy Policy{% endblock %}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Privacy Policy{% endblock %}
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h1 class="special-header fancy-text-primary">Privacy Policy</h1>
|
||||
<p class="lead">
|
||||
|
|
@ -23,11 +24,16 @@
|
|||
<p>The data controller for private.coffee is:</p>
|
||||
<address>
|
||||
Private.coffee ‐ Verein zur Förderung von Privatsphäre und digitaler
|
||||
Souveränität<br />
|
||||
c/o Klaus-Uwe Mitterer<br />
|
||||
Gartengasse 22/7/3<br />
|
||||
8010 Graz<br />
|
||||
Austria<br />
|
||||
Souveränität
|
||||
<br />
|
||||
c/o Klaus-Uwe Mitterer
|
||||
<br />
|
||||
Gartengasse 22/7/3
|
||||
<br />
|
||||
8010 Graz
|
||||
<br />
|
||||
Austria
|
||||
<br />
|
||||
</address>
|
||||
<p>Central Register of Associations (ZVR) Number: 1758485319</p>
|
||||
<p>
|
||||
|
|
@ -71,9 +77,7 @@
|
|||
<li>Providing support to you</li>
|
||||
<li>Processing donations and memberships</li>
|
||||
</ul>
|
||||
<p>
|
||||
All of those are what is called "legitimate interests" in legal speak.
|
||||
</p>
|
||||
<p>All of those are what is called "legitimate interests" in legal speak.</p>
|
||||
<p>
|
||||
We do not use your data for any other purposes, including marketing,
|
||||
advertising, or tracking, we do not share your data with third parties
|
||||
|
|
@ -153,10 +157,7 @@
|
|||
If you are not satisfied with our response, or believe that we are
|
||||
processing your data in a way that is not compliant with the law, you have
|
||||
the right to lodge a complaint with the supervisory authority in your
|
||||
country. In Austria, this is the Austrian Data Protection Authority (<a
|
||||
href="https://www.dsb.gv.at/"
|
||||
>https://www.dsb.gv.at/</a
|
||||
>). However, we like to think of ourselves as nice people and will try to
|
||||
country. In Austria, this is the Austrian Data Protection Authority (<a href="https://www.dsb.gv.at/">https://www.dsb.gv.at/</a>). However, we like to think of ourselves as nice people and will try to
|
||||
help you out directly, and are always open to suggestions for improvement,
|
||||
so please do get in touch with us if you have any questions or concerns.
|
||||
</p>
|
||||
|
|
@ -183,5 +184,5 @@
|
|||
banners on our website.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
<div class="alert alert-warning text-center" role="alert">
|
||||
This is a development version of the Private.coffee website. For the live
|
||||
version, please visit
|
||||
<a href="https://private.coffee" class="alert-link">https://private.coffee</a
|
||||
>.
|
||||
<a href="https://private.coffee" class="alert-link">https://private.coffee</a>.
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,30 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Private.coffee</title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="font-family: Arial, sans-serif; background-color: #f2f2f2; color: #333; line-height: 1.6; padding: 20px; max-width: 600px; margin: auto;">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Private.coffee</title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="font-family: Arial, sans-serif;
|
||||
background-color: #f2f2f2;
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
padding: 20px;
|
||||
max-width: 600px;
|
||||
margin: auto">
|
||||
<h2 style="color: #333;">Welcome to Private.coffee</h2>
|
||||
<p>Thanks for using our Element instance! Now, why don't you join our rooms?</p>
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
<li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://element.private.coffee/#/#coffeespace:private.coffee">#coffeespace:private.coffee</a> - The Private.coffee Space, containing all rooms</li>
|
||||
<li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://element.private.coffee/#/#private.coffee:private.coffee">#private.coffee:private.coffee</a> - General support for our services</li>
|
||||
<li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://element.private.coffee/#/#matrix:private.coffee">#matrix:private.coffee</a> - Support for our Matrix server</li>
|
||||
<li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="https://element.private.coffee/#/#coffeebreak:private.coffee">#coffeebreak:private.coffee</a> - ☕ Coffee Break ☕ - our off-topic room</li>
|
||||
<li style="padding: 8px 0;">
|
||||
<a style="color: #1a5dab;
|
||||
text-decoration: none"
|
||||
href="https://element.private.coffee/#/#coffeespace:private.coffee">#coffeespace:private.coffee</a> - The Private.coffee Space, containing all rooms
|
||||
</li>
|
||||
<li style="padding: 8px 0;">
|
||||
<a style="color: #1a5dab;
|
||||
text-decoration: none"
|
||||
href="https://element.private.coffee/#/#private.coffee:private.coffee">#private.coffee:private.coffee</a> - General support for our services
|
||||
</li>
|
||||
<li style="padding: 8px 0;">
|
||||
<a style="color: #1a5dab;
|
||||
text-decoration: none"
|
||||
href="https://element.private.coffee/#/#matrix:private.coffee">#matrix:private.coffee</a> - Support for our Matrix server
|
||||
</li>
|
||||
<li style="padding: 8px 0;">
|
||||
<a style="color: #1a5dab;
|
||||
text-decoration: none"
|
||||
href="https://element.private.coffee/#/#coffeebreak:private.coffee">#coffeebreak:private.coffee</a> - ☕ Coffee Break ☕ - our off-topic room
|
||||
</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<p>Private.coffee operates a collection of services that respect your privacy, here are some others:</p>
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
{% for service in services.services %}
|
||||
{% if not service.exclude_from_simple %}
|
||||
<li style="padding: 8px 0;"><a style="color: #1a5dab; text-decoration: none;" href="{{ service.url }}">{{ service.name }}</a> - {{ service.short_description }}</li>
|
||||
<li style="padding: 8px 0;">
|
||||
<a style="color: #1a5dab;
|
||||
text-decoration: none"
|
||||
href="{{ service.url }}">{{ service.name }}</a> - {{ service.short_description }}
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<p>For hosting inquiries for privacy-related, social, or wholesome projects, <a href="mailto:support@private.coffee" style="color: #1a5dab; text-decoration: none;">get in touch</a>!</p>
|
||||
<p>
|
||||
For hosting inquiries for privacy-related, social, or wholesome projects, <a href="mailto:support@private.coffee"
|
||||
style="color: #1a5dab;
|
||||
text-decoration: none">get in touch</a>!
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{% extends "base.html" %}
|
||||
{% block title %}Terms of Service{% endblock %}
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h1 class="special-header fancy-text-primary">Terms of Service</h1>
|
||||
<p class="lead">
|
||||
|
|
@ -15,11 +15,16 @@
|
|||
<p>The website private.coffee is run by:</p>
|
||||
<address>
|
||||
Private.coffee ‐ Verein zur Förderung von Privatsphäre und digitaler
|
||||
Souveränität<br />
|
||||
c/o Klaus-Uwe Mitterer<br />
|
||||
Gartengasse 22/7/3<br />
|
||||
8010 Graz<br />
|
||||
Austria<br />
|
||||
Souveränität
|
||||
<br />
|
||||
c/o Klaus-Uwe Mitterer
|
||||
<br />
|
||||
Gartengasse 22/7/3
|
||||
<br />
|
||||
8010 Graz
|
||||
<br />
|
||||
Austria
|
||||
<br />
|
||||
</address>
|
||||
<p>Central Register of Associations (ZVR) Number: 1758485319</p>
|
||||
<p>
|
||||
|
|
@ -151,5 +156,5 @@
|
|||
We may also report the users involved to the appropriate authorities.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -1,6 +1,7 @@
|
|||
{% extends "base.html" %} {% block title %}Membership / Donations{% endblock %}
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Membership / Donations{% endblock %}
|
||||
{% block content %}
|
||||
<div class="container my-5">
|
||||
<div class="container my-5">
|
||||
<div class="text-center mb-5">
|
||||
<h1 class="special-header fancy-text-primary">Transparency</h1>
|
||||
<p class="lead">
|
||||
|
|
@ -9,7 +10,6 @@
|
|||
each month since our inception.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{% for year, year_data in finances.items() %}
|
||||
{% for month, month_data in year_data.items() %}
|
||||
<div class="card shadow-sm mt-4">
|
||||
|
|
@ -20,6 +20,5 @@
|
|||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
Loading…
Reference in a new issue