Deuxfleurs/aerogramme.deuxfleurs.fr
17
0
Fork 0
Code Pull requests Activity

Update website

Browse source
This commit is contained in:
Quentin 2024-01-21 10:49:48 +01:00
parent c675cf7567
commit 18aa10e94f
Signed by: quentin
GPG key ID: E9602264D639FF68
5 changed files with 43 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
config.toml
View file

@ -1,6 +1,6 @@
base_url = "https://aerogramme.deuxfleurs.fr" base_url = "https://aerogramme.deuxfleurs.fr"
title = "Aerogramme" title = "Aerogramme"
description = "A robust and privacy-preserving email server" description = "A robust email server"
default_language = "en" default_language = "en"
output_dir = "public" output_dir = "public"
compile_sass = true compile_sass = true
@ -58,7 +58,7 @@ favicon_svg = "/logo/aerogramme-blue-sq.svg"
[extra.organization] [extra.organization]
name = "Aerogramme" name = "Aerogramme"
description = "A robust and privacy-preserving email server" description = "A robust email server"
logo = "/logo/aerogramme-blue-hz.svg" logo = "/logo/aerogramme-blue-hz.svg"
logo_simple = "/logo/aeogramme-blue-sq.svg" logo_simple = "/logo/aeogramme-blue-sq.svg"
logo_horizontal = "/logo/aerogramme-blue-sq.svg" logo_horizontal = "/logo/aerogramme-blue-sq.svg"

13
src/input.css
View file

@ -130,6 +130,16 @@ p > code, p > strong > code, li > code, li > strong > code {
/** Home mailbox bg */ /** Home mailbox bg */
#mailbox-container {
background-image: url('/images/airmail.jpg');
background-repeat: no-repeat;
background-position: left;
background-size: cover;
background-attachment: fixed;
height: 70vh;
}
/*
#mailbox-container { #mailbox-container {
height: 40vh; height: 40vh;
position: relative; position: relative;
@ -145,12 +155,13 @@ p > code, p > strong > code, li > code, li > strong > code {
top: -50%; top: -50%;
left: -400%; left: -400%;
z-index: -1; z-index: -1;
background-image: url('/images/stamp.png'); background-image: url('/images/airmail.jpg');
background-repeat: repeat; background-repeat: repeat;
background-attachment: fixed; background-attachment: fixed;
background-size: 500px; background-size: 500px;
transform: rotate(-30deg); transform: rotate(-30deg);
} }
*/
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
#mailbox-container { #mailbox-container {

BIN
static/images/airmail.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.8 MiB

52
templates/index.html
View file

@ -1,7 +1,7 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %} {% block title %}
Aerogramme - A robust and privacy-preserving email server Aerogramme - A robust email server
{% endblock title %} {% endblock title %}
{% block content %} {% block content %}
@ -46,7 +46,7 @@
<div class="w-full flex flex-col items-center justify-center border-b"> <div class="w-full flex flex-col items-center justify-center border-b">
<div id="mailbox-about" class="w-full shadow-lg mx-auto flex flex-col lg:flex-row items-center justify-around lg:space-x-12 py-4 text-sm text-gray-700 border-t"> <div id="mailbox-about" class="w-full shadow-lg mx-auto flex flex-col lg:flex-row items-center justify-around lg:space-x-12 py-4 text-sm text-gray-700 border-t">
<p class="text-aerogramme-blue text-2xl tracking-wide">Hundred years ago, delivering mails across the globe was celebrated but hazardous</p> <p class="text-aerogramme-blue text-2xl tracking-wide">Hundred years ago, delivering mails across the globe was hazardous, but there is no reason for it to be the case today</p>
</div> </div>
<div id="mailbox-container" class="relative w-full shadow-inner border-b"> <div id="mailbox-container" class="relative w-full shadow-inner border-b">
<div class="absolute top-0 left-1/2 transform -translate-x-1/2 w-16 overflow-hidden inline-block"> <div class="absolute top-0 left-1/2 transform -translate-x-1/2 w-16 overflow-hidden inline-block">
@ -54,25 +54,23 @@
</div> </div>
</div> </div>
<div id="mailbox-about-2" class="w-full shadow-lg mx-auto flex flex-col lg:flex-row items-center justify-around lg:space-x-12 py-4 text-sm text-gray-700 border-t"> <div id="mailbox-about-2" class="w-full shadow-lg mx-auto flex flex-col lg:flex-row items-center justify-around lg:space-x-12 py-4 text-sm text-gray-700 border-t">
<p class="text-aerogramme-blue text-2xl tracking-wide">Since 40 years, e-mails have silently taken the relay, allowing billion of users to communicate everyday</p> <p class="text-aerogramme-blue text-2xl tracking-wide">Discover how Aerogramme makes your correspondence safe and pleasant</p>
</div> </div>
</div> </div>
<div class="grid grid-cols-1 xl:grid-cols-2 gap-x-0 xl:gap-x-12 gap-y-24 text-aerogramme-gray font-light bg-gray-100 py-12 px-4 md:px-0 w-full shadow-inner"> <div class="grid grid-cols-1 xl:grid-cols-2 gap-x-0 xl:gap-x-12 gap-y-24 text-aerogramme-gray font-light bg-gray-100 py-12 px-4 md:px-0 w-full shadow-inner">
<div class="flex flex-col items-center justify-start space-y-2"> <div class="flex flex-col items-center justify-start space-y-2">
<h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">Goals</h2> <h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">Clear goals</h2>
<div class="w-8 h-1 bg-aerogramme-blue"></div> <div class="w-8 h-1 bg-aerogramme-blue"></div>
<p class="text-center leading-5 italic text-lg">Aerogramme design enables the following properties:</p> <p class="text-center leading-5 italic text-lg">Aerogramme design enables the following properties:</p>
<ul class="list-style-none font-semibold flex flex-col items-center justify-center py-4"> <ul class="list-style-none font-semibold flex flex-col items-center justify-center py-4">
<li class="py-1.5 flex flex-col items-center justify-center"> <li class="py-1.5 flex flex-col items-center justify-center text-center">
<span>Privacy friendly</span> Highly resilient<br>
<p class="font-normal text-center">Per-user encryption of mailboxes.<br>Can be run as a local proxy to hide your mailbox content from the server.</p> <div class="font-normal">
Multiple instances of Aerogramme can been run in parallel without coordination.<br>
Multi-region support, survive datacenter failures.
</div>
</li> </li>
<!--<div class="w-2 h-2 rounded-full bg-aerogramme-blue"></div>
<li class="py-1.5 flex flex-col items-center justify-center">
<span>Don't break users' habits</span>
<p class="font-normal text-center">IMAP, CalDAV and CardDAV are standards natively supported in many applicatios and OS. </p>
</li>-->
<div class="w-2 h-2 rounded-full bg-aerogramme-blue"></div> <div class="w-2 h-2 rounded-full bg-aerogramme-blue"></div>
<li class="py-1.5 flex flex-col items-center justify-center"> <li class="py-1.5 flex flex-col items-center justify-center">
<span>Easy to operate</span> <span>Easy to operate</span>
@ -80,12 +78,10 @@
Integrate with your LDAP server.</p> Integrate with your LDAP server.</p>
</li> </li>
<div class="w-2 h-2 rounded-full bg-aerogramme-blue"></div> <div class="w-2 h-2 rounded-full bg-aerogramme-blue"></div>
<li class="py-1.5 flex flex-col items-center justify-center text-center">
Highly resilient<br> <li class="py-1.5 flex flex-col items-center justify-center">
<div class="font-normal"> <span>Privacy friendly</span>
Multiple instances of Aerogramme can been run in parallel without coordination.<br> <p class="font-normal text-center">Per-user encryption of mailboxes.<br>Can be run as a local proxy to hide your mailbox content from the server.</p>
Support datacenter failures.
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -94,7 +90,7 @@
<h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">Roadmap</h2> <h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">Roadmap</h2>
<div class="w-8 h-1 bg-aerogramme-blue"></div> <div class="w-8 h-1 bg-aerogramme-blue"></div>
<p class="text-center leading-5 italic text-lg"> <p class="text-center leading-5 italic text-lg">
Aerogramme is currently a technical preview. Following released are planned: Aerogramme is currently a technical preview.<br/>The following released are planned:
</p> </p>
<ul class="text-center list-style-none flex flex-col space-y-2 justify-start py-4"> <ul class="text-center list-style-none flex flex-col space-y-2 justify-start py-4">
<li class="flex flex-col md:flex-row items-center justify-start"> <li class="flex flex-col md:flex-row items-center justify-start">
@ -105,27 +101,27 @@
</li> </li>
<li class="flex flex-col md:flex-row items-center justify-start"> <li class="flex flex-col md:flex-row items-center justify-start">
<div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md"> <div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
<span class="font-normal">⌛0.2.x</span> <span class="font-normal">✅ 0.2.x</span>
</div> </div>
<span class="px-2">Support of IMAP4rev1. (~september '23).</span> <span class="px-2">Support of IMAP4. (~january '24).</span>
</li> </li>
<li class="flex flex-col md:flex-row items-center justify-start"> <li class="flex flex-col md:flex-row items-center justify-start">
<div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md"> <div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
<span class="font-normal">⌛0.3.x</span> <span class="font-normal">⌛0.3.x</span>
</div> </div>
<span class="px-2">Subset of IMAP4rev2. (~december '23).</span>
</li>
<li class="flex flex-col md:flex-row items-center justify-start">
<div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
<span class="font-normal">⌛0.4.x</span>
</div>
<span class="px-2">CalDAV support. (~february '24).</span> <span class="px-2">CalDAV support. (~february '24).</span>
</li> </li>
<li class="flex flex-col md:flex-row items-center justify-start"> <li class="flex flex-col md:flex-row items-center justify-start">
<div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md"> <div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
<span class="font-normal">⌛0.5.x</span> <span class="font-normal">⌛0.5.x</span>
</div> </div>
<span class="px-2">CardDAV support.</span> <span class="px-2">CardDAV support. (~june '24)</span>
</li>
<li class="flex flex-col md:flex-row items-center justify-start">
<div class="flex items-center space-x-2 w-max whitespace-nowrap bg-gray-200 shadow-inner py-0.5 px-1.5 rounded-md">
<span class="font-normal">⌛0.6.x</span>
</div>
<span class="px-2">Public beta. (~december '24)</span>
</li> </li>
</ul> </ul>
</div> </div>

5
templates/partials/shared/footer.html
View file

@ -3,6 +3,11 @@
{{ macros:: social_links( social_config=config.extra.social) }} {{ macros:: social_links( social_config=config.extra.social) }}
<p class="tracking-tighter md:tracking-normal text-sm md:text-base text-gray-600 px-8 md:px-0 py-2"> <p class="tracking-tighter md:tracking-normal text-sm md:text-base text-gray-600 px-8 md:px-0 py-2">
Cover by
<a href="https://unsplash.com/fr/@liamtruong" target="_blank" class="font-semibold hover:text-aerogramme-blue">Liam Truong</a>
on
<a href="https://unsplash.com/fr/photos/enveloppe-de-fenetres-blanches-oeDH20DVb2A" target="_blank" class="font-semibold hover:text-aerogramme-blue">Unsplash</a>
<br>
Built with <a href="https://www.getzola.org" target="_blank" class="font-semibold hover:text-aerogramme-blue">Zola</a>, Built with <a href="https://www.getzola.org" target="_blank" class="font-semibold hover:text-aerogramme-blue">Zola</a>,
powered by <a href="https://garagehq.deuxfleurs.fr" class="font-semibold hover:text-aerogramme-blue">Garage</a>, powered by <a href="https://garagehq.deuxfleurs.fr" class="font-semibold hover:text-aerogramme-blue">Garage</a>,
hosted by <a href="https://deuxfleurs.fr" target="_blank" class="font-semibold hover:text-aerogramme-blue">Deuxfleurs</a> hosted by <a href="https://deuxfleurs.fr" target="_blank" class="font-semibold hover:text-aerogramme-blue">Deuxfleurs</a>