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

Work on the website

Browse source
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
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 = "Resilient & standards-compliant open-source IMAP server with server-side encryption " description = "A robust and privacy-preserving 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 = "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 = "/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"

23
src/input.css
View file

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

20
templates/index.html
View file

@ -1,7 +1,7 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %} {% block title %}
Aerogramme - Resilient open-source IMAP server with built-in encryption Aerogramme - A robust and privacy-preserving email server
{% endblock title %} {% endblock title %}
{% block content %} {% block content %}
@ -46,25 +46,15 @@
<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">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>
<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">
<div class="h-8 w-8 bg-white -rotate-45 transform origin-top-left shadow-md"></div> <div class="h-8 w-8 bg-white -rotate-45 transform origin-top-left shadow-md"></div>
</div> </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 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> <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-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> </div>
</div> </div>
@ -109,7 +99,7 @@
<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">
<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.1.x</span> <span class="font-normal">✅ 0.1.x</span>
</div> </div>
<span class="px-2">Correct parsing of emails. (~june '23).</span> <span class="px-2">Correct parsing of emails. (~june '23).</span>
</li> </li>