Work on the website

This commit is contained in:
Quentin 2024-01-11 14:50:36 +01:00
parent d5461ba881
commit c675cf7567
Signed by: quentin
GPG key ID: E9602264D639FF68
3 changed files with 19 additions and 28 deletions

View file

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

View file

@ -138,17 +138,18 @@ p > code, p > strong > code, li > code, li > strong > code {
}
#mailbox-container::before {
content: "";
position: absolute;
width: 800%;
height: 800%;
top: -50%;
left: -400%;
z-index: -1;
background-image: url('/images/stamp.png');
background-repeat: repeat;
background-attachment: fixed;
transform: rotate(-30deg);
content: "";
position: absolute;
width: 800%;
height: 800%;
top: -50%;
left: -400%;
z-index: -1;
background-image: url('/images/stamp.png');
background-repeat: repeat;
background-attachment: fixed;
background-size: 500px;
transform: rotate(-30deg);
}
@media screen and (max-width: 1280px) {

View file

@ -1,7 +1,7 @@
{% extends "base.html" %}
{% block title %}
Aerogramme - Resilient open-source IMAP server with built-in encryption
Aerogramme - A robust and privacy-preserving email server
{% endblock title %}
{% block content %}
@ -46,25 +46,15 @@
<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">
<p class="text-aerogramme-blue text-2xl tracking-wide">A more resilient & private mailbox design</p>
<p class="text-aerogramme-blue text-2xl tracking-wide">Hundred years ago, delivering mails across the globe was celebrated but hazardous</p>
</div>
<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="h-8 w-8 bg-white -rotate-45 transform origin-top-left shadow-md"></div>
</div>
</div>
<div id="map-legend-container" class="max-w-7xl mx-auto flex flex-col lg:flex-row items-center justify-around lg:space-x-12 py-2 text-sm text-gray-700">
<div>
<p class="text-base text-gray-600">Each mailbox is represented as an encrypted, sequential log of events</p>
</div>
<div class="flex items-center space-x-2">
<img class="select-none" src="{{ get_url(path='icons/mailop.svg') }}" width="48">
<span>Add or remove an email</span>
</div>
<div class="flex items-center space-x-2">
<img class="select-none" src="{{ get_url(path='icons/flagop.svg') }}" width="48">
<span>Add or remove a flag (like seen/unseen)</span>
</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">
<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>
</div>
</div>
@ -109,7 +99,7 @@
<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">
<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.1.x</span>
<span class="font-normal">0.1.x</span>
</div>
<span class="px-2">Correct parsing of emails. (~june '23).</span>
</li>