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

wip logo v2

Browse source
This commit is contained in:
Quentin 2023-05-24 11:33:27 +02:00
parent 453b14a045
commit ad20ad5c4d
Signed by: quentin
GPG key ID: E9602264D639FF68
2 changed files with 562 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

556
static/logo/aerogramme5.svg Normal file
View file

@ -0,0 +1,556 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="210mm"
height="297mm"
viewBox="0 0 210 297"
version="1.1"
id="svg13151"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="aerogramme5.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview13153"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
showguides="true"
inkscape:zoom="10.35098"
inkscape:cx="47.966474"
inkscape:cy="73.133173"
inkscape:window-width="3826"
inkscape:window-height="2116"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<sodipodi:guide
position="5.8208333,285.54078"
orientation="-1,0"
id="guide13272"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="10.054167,282.90191"
orientation="-1,0"
id="guide13274"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="13.229167,280.80527"
orientation="-1,0"
id="guide13276"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="17.4625,281.31135"
orientation="-1,0"
id="guide13278"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="20.6375,280.91371"
orientation="-1,0"
id="guide13280"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="24.870833,277.37111"
orientation="-1,0"
id="guide13282"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="28.045833,275.67211"
orientation="-1,0"
id="guide13284"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="32.279167,281.56439"
orientation="-1,0"
id="guide13286"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="38.1,277.98565"
orientation="-1,0"
id="guide13288"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="0,297.00001"
orientation="0,-1"
id="guide13290"
inkscape:locked="false" />
<sodipodi:guide
position="0,297.00001"
orientation="1,0"
id="guide13292"
inkscape:locked="false" />
<sodipodi:guide
position="-6.7960076,291.17917"
orientation="0,1"
id="guide13294"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-6.6052372,286.94583"
orientation="0,1"
id="guide13296"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-3.3980038,283.77083"
orientation="0,1"
id="guide13298"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="1.626704,279.80208"
orientation="0,1"
id="guide13349"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="0,276.62708"
orientation="0,1"
id="guide13351"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="0,272.39375"
orientation="0,1"
id="guide13353"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="0,266.57292"
orientation="0,1"
id="guide13355"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="3.96875,290.3486"
orientation="-1,0"
id="guide14540"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="14.242698,293.03125"
orientation="0,1"
id="guide14542"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-10.780303,270.54167"
orientation="0,1"
id="guide14544"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="34.13125,287.78202"
orientation="-1,0"
id="guide14587"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-20.21801,297"
orientation="0,1"
id="guide15055"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-13.917356,293.03125"
orientation="0,1"
id="guide15057"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-18.038339,291.17917"
orientation="0,1"
id="guide15059"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-12.72444,286.94583"
orientation="0,1"
id="guide15061"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-1.4421,283.77083"
orientation="0,1"
id="guide15063"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-10.627799,279.80208"
orientation="0,1"
id="guide15065"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-7.4105403,276.3625"
orientation="0,1"
id="guide15067"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-5.3934096,272.12917"
orientation="0,1"
id="guide15223"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-6.6203486,266.30833"
orientation="0,1"
id="guide15225"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="-3.1951483,270.27708"
orientation="0,1"
id="guide15385"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
</sodipodi:namedview>
<defs
id="defs13148">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14635">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14637"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14639">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14641"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14643">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14645"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14647">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14649"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14651">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14653"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14655">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14657"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14659">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14661"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14663">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14665"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14667">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14669"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14671">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14673"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14675">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14677"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14679">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14681"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14683">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14685"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14687">
<rect
style="fill:none;fill-opacity:1;stroke:none;stroke-width:0.74;stroke-linecap:square"
id="rect14689"
width="38.84"
height="31.167091"
x="-0.37"
y="-0.37000921" />
</clipPath>
</defs>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="fill:none;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="rect13357"
width="38.099998"
height="30.691679"
x="0"
y="-9.2207119e-06"
inkscape:label="bord ext" />
<rect
style="fill:none;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="rect13359"
width="30.1625"
height="22.754169"
x="3.96875"
y="3.9687507"
inkscape:label="bord int" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361"
cy="30.42708"
cx="7.9375005"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14687)"
transform="translate(1.4305115e-6,0.2845679)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5"
cy="30.42708"
cx="15.345834"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14683)"
transform="translate(0,0.2845679)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9"
cy="30.42708"
cx="22.754166"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14679)"
transform="translate(0,0.2845679)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2"
cy="30.42708"
cx="30.1625"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14675)"
transform="translate(0,0.2845679)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2"
cy="22.489584"
cx="38.099998"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14671)"
transform="translate(0,0.22374431)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8"
cy="15.345838"
cx="38.099998"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14667)"
transform="translate(0,-0.1322968)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8-9"
cy="7.9375043"
cx="38.099998"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14663)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8-9-7"
cy="-9.2207119e-06"
cx="30.1625"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14659)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8-9-7-3"
cy="-9.2207119e-06"
cx="22.754166"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14655)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8-9-7-3-6"
cy="-9.2207119e-06"
cx="15.345834"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14651)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8-9-7-3-6-1"
cy="-9.2207119e-06"
cx="7.9375"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14647)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8-9-7-3-6-1-2"
cy="7.9375043"
cx="0"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14643)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8-9-7-3-6-1-2-9"
cy="15.081254"
cx="0"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14639)"
transform="translate(0,0.13228162)" />
<circle
style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.74;stroke-linecap:square"
id="path13361-5-9-2-2-8-9-7-3-6-1-2-9-3"
cy="22.489586"
cx="0"
r="2.1166666"
inkscape:label="trou"
clip-path="url(#clipPath14635)"
transform="translate(0,0.2237424)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

11
templates/index.html
View file

@ -46,7 +46,7 @@
<div class="w-full flex flex-col items-center justify-center border-b">
<div id="map-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">Made for redundancy</p>
<p class="text-aerogramme-blue text-2xl tracking-wide">Re-inventing the mailbox</p>
</div>
<div id="map-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">
@ -55,15 +55,15 @@
</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 chunk of data is replicated in 3 zones</p>
<p class="text-base text-gray-600">Each mailbox is a log of operations</p>
</div>
<div class="flex items-center space-x-2">
<img class="select-none" src="{{ get_url(path='icons/servers.svg') }}" width="48">
<span>Zone (multiple servers)</span>
<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/datachunks.svg') }}" width="48">
<span>Chunks of data</span>
<span>Add or remove a flag</span>
</div>
</div>
</div>
@ -148,7 +148,7 @@
</div>
<div class="flex flex-col items-center justify-start space-y-2 px-6 xl:px-0">
<h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">Data resiliency for everyone</h2>
<h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">It works with your email client</h2>
<div class="w-8 h-1 bg-aerogramme-blue"></div>
<p class="text-center leading-5 italic pb-4 text-lg">
We built Garage to suit your existing infrastructure:
@ -195,6 +195,7 @@
<div class="w-8 h-1 bg-aerogramme-blue"></div>
<p class="text-center leading-5 italic text-lg">
Garage leverages insights from recent research in distributed systems:
(add: Bayou)
</p>
<ul class="text-center list-style-none flex flex-col items-center py-4">
<li>