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

WIP website conversion

Browse source
This commit is contained in:
Quentin 2023-05-23 17:08:08 +02:00
parent 5369bc0950
commit 453b14a045
Signed by: quentin
GPG key ID: E9602264D639FF68
22 changed files with 73387 additions and 117 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
config.toml
View file

@ -60,16 +60,16 @@ apple_touch_icon = "/icons/apple-touch-icon.png"
webmanifest = "/icons/site.webmanifest" webmanifest = "/icons/site.webmanifest"
[extra.organization] [extra.organization]
name = "Garage" name = "Aerogramme"
description = "An open-source distributed object storage service tailored for self-hosting" description = "Resilient & standards-compliant open-source IMAP server with server-side encryption "
logo = "/images/garage-logo.svg" logo = "/logo/aerogramme-600.svg"
logo_simple = "/images/garage-logo-simple.svg" logo_simple = "/images/garage-logo-simple.svg"
logo_horizontal = "/images/garage-logo-horizontal.svg" logo_horizontal = "/images/garage-logo-horizontal.svg"
[extra.author] [extra.author]
name = "Garage" name = "Aerogramme"
avatar = "/images/garage-logo.svg" avatar = "/images/garage-logo.svg"
[extra.social] [extra.social]
git = "https://git.deuxfleurs.fr/Deuxfleurs/garage" git = "https://git.deuxfleurs.fr/Deuxfleurs/aerogramme"
email = "garagehq@deuxfleurs.fr" email = "garagehq@deuxfleurs.fr"

14
src/input.css
View file

@ -11,7 +11,7 @@ article .page-content {
/** Pre */ /** Pre */
article pre { article pre {
@apply p-4 rounded-md my-4 border-l-4 border-garage-gray shadow-lg whitespace-pre-wrap; @apply p-4 rounded-md my-4 border-l-4 border-aerogramme-gray shadow-lg whitespace-pre-wrap;
} }
/** Tables */ /** Tables */
@ -39,7 +39,7 @@ article table tbody tr td {
/** Blockquotes */ /** Blockquotes */
article blockquote { article blockquote {
@apply my-2 py-2 pl-4 border-l-4 border-garage-orange; @apply my-2 py-2 pl-4 border-l-4 border-aerogramme-blue;
} }
/** Ul */ /** Ul */
@ -71,7 +71,7 @@ article ol ul {
} }
p > code, p > strong > code, li > code, li > strong > code { p > code, p > strong > code, li > code, li > strong > code {
@apply bg-gray-100 text-base py-0.5 px-1 rounded font-semibold text-garage-gray shadow-inner; @apply bg-gray-100 text-base py-0.5 px-1 rounded font-semibold text-aerogramme-gray shadow-inner;
} }
.page-content > h1 { .page-content > h1 {
@ -87,11 +87,11 @@ p > code, p > strong > code, li > code, li > strong > code {
} }
.page-content { .page-content {
@apply text-garage-gray; @apply text-aerogramme-gray;
} }
.page-content a { .page-content a {
@apply font-semibold text-garage-orange border-b border-garage-orange hover:text-red-500 hover:border-red-500 transition-all duration-500; @apply font-semibold text-aerogramme-blue border-b border-aerogramme-blue hover:text-red-500 hover:border-red-500 transition-all duration-500;
} }
.page-content img { .page-content img {
@ -99,7 +99,7 @@ p > code, p > strong > code, li > code, li > strong > code {
} }
.is-active { .is-active {
@apply text-garage-orange; @apply text-aerogramme-blue;
} }
@layer utilities { @layer utilities {
@ -270,4 +270,4 @@ p > code, p > strong > code, li > code, li > strong > code {
margin: 2.75rem 0; margin: 2.75rem 0;
} }
} }

363
static/logo/aerogramme-600.svg Normal file
View file

@ -0,0 +1,363 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300mm"
height="200mm"
viewBox="0 0 300 200"
version="1.1"
id="svg2656"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="aerogramme3.svg"
inkscape:export-filename="aerogramme-600.svg"
inkscape:export-xdpi="50.799999"
inkscape:export-ydpi="50.799999"
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="namedview2658"
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"
inkscape:zoom="0.64693624"
inkscape:cx="747.36886"
inkscape:cy="-236.49935"
inkscape:window-width="1908"
inkscape:window-height="2116"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer9"
showguides="false"
inkscape:lockguides="false">
<sodipodi:guide
position="25,213.76824"
orientation="-1,0"
id="guide2878"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="50,175.1295"
orientation="-1,0"
id="guide2880"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="74.999999,200.57838"
orientation="-1,0"
id="guide2882"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="99.999999,140.42648"
orientation="-1,0"
id="guide2884"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="125,129.72639"
orientation="-1,0"
id="guide2886"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="150,100.8072"
orientation="-1,0"
id="guide2888"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="175,127.41285"
orientation="-1,0"
id="guide2890"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="200,110.63973"
orientation="-1,0"
id="guide2892"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="225,94.155793"
orientation="-1,0"
id="guide2894"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="250,95.890944"
orientation="-1,0"
id="guide2896"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="275,95.890944"
orientation="-1,0"
id="guide2898"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="104.10905,175"
orientation="0,1"
id="guide2900"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="139.10126,150"
orientation="0,1"
id="guide2902"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="165.12853,125"
orientation="0,1"
id="guide2904"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="177.27458,99.999999"
orientation="0,1"
id="guide2924"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="158.76631,74.999999"
orientation="0,1"
id="guide2926"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="145.46348,50"
orientation="0,1"
id="guide2928"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="131.25807,25"
orientation="0,1"
id="guide2930"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<inkscape:grid
type="xygrid"
id="grid2986" />
<sodipodi:guide
position="43.523369,200"
orientation="0,-1"
id="guide4913"
inkscape:locked="false" />
<sodipodi:guide
position="0,200"
orientation="1,0"
id="guide4915"
inkscape:locked="false" />
<sodipodi:guide
position="40.631451,0"
orientation="0,-1"
id="guide4917"
inkscape:locked="false" />
<sodipodi:guide
position="300,93.220438"
orientation="1,0"
id="guide4919"
inkscape:locked="false" />
<sodipodi:guide
position="287.25,184.4588"
orientation="-1,0"
id="guide37887"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="328.61462,165"
orientation="0,1"
id="guide37889"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
</sodipodi:namedview>
<defs
id="defs2653" />
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="Fond">
<rect
style="fill:#eff2f6;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-opacity:1"
id="rect15270"
width="300"
height="200"
x="0"
y="-1.5258789e-06"
ry="0.057118207" />
</g>
<g
inkscape:label="Bandes"
inkscape:groupmode="layer"
id="layer1">
<path
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 0,24.999998 25,-1.5258789e-6 l -25,10e-14 z"
id="path5647" />
<path
style="fill:#d65c2d;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 50,-1.5258786e-6 0,49.999997 v 25 L 75,-1.5258788e-6 l -25,2e-13 25,-2e-13"
id="path6403" />
<path
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 100,-1.5258782e-6 0,100 v 25 L 125.04173,0 Z"
id="path9338" />
<path
style="fill:#d65c2d;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 150,-1.5258782e-6 0,150 v 25 L 175,-1.5258782e-6 h -25"
id="path10096" />
<path
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 200,-1.5258782e-6 0,200 H 25 L 225,-1.5258782e-6 h -25"
id="path11581" />
<path
style="fill:#d65c2d;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 249.74763,-1.5258782e-6 50,200 H 75 L 275,-1.5258859e-6 h -25"
id="path11615" />
<path
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 300,-1.5258788e-6 100,200 h 25 L 300,24.999998 V -1.5258788e-6"
id="path11650" />
<path
style="fill:#d65c2d;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 300,49.999997 150,200 h 25 L 300,74.999997 Z"
id="path12412" />
<path
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 300,100 200,200 h 25 l 75,-75 z"
id="path12449" />
<path
style="fill:#d65c2d;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 300,150 -50,50 h 25 l 25,-25 v -25"
id="path12489" />
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="Corps">
<rect
style="fill:#eff2f6;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-opacity:1"
id="rect12581"
width="250"
height="150"
x="25"
y="24.999998"
ry="0.057118207" />
</g>
<g
inkscape:groupmode="layer"
id="layer7"
inkscape:label="Timbre">
<rect
style="display:inline;fill:none;fill-opacity:1;stroke:#d65c2d;stroke-width:5;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect19926"
width="87.853218"
height="62.500004"
x="175"
y="37.499996"
ry="0.057118207"
inkscape:label="rect19926" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:56.5136px;line-height:1.25;font-family:FreeSerif;-inkscape-font-specification:'FreeSerif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#d65c2d;fill-opacity:1;stroke:none;stroke-width:0.294342"
x="198.55345"
y="87.795082"
id="text30312"><tspan
sodipodi:role="line"
id="tspan30310"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:56.5136px;font-family:FreeSerif;-inkscape-font-specification:'FreeSerif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#d65c2d;fill-opacity:1;stroke-width:0.294342"
x="198.55345"
y="87.795082">A</tspan></text>
<path
style="fill:none;stroke:#646464;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 132.85541,31.209631 c 4.63131,-3.995533 8.04763,-4.754569 12.5,-4.709633 8.97482,0.09058 16.02473,10 25,10 8.97528,0 16.02473,-10 25,-10 8.97528,0 16.02473,10 25,10 8.97528,0 16.02682,-10.193909 25,-10 4.47843,0.09678 12.25,5.525251 12.25,5.525251"
id="path35646"
sodipodi:nodetypes="caaaaac"
inkscape:label="path35646" />
<path
style="fill:none;stroke:#646464;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 132.85541,40.677616 c 4.63132,-3.995533 8.04763,-4.754569 12.5,-4.709633 8.97482,0.09058 16.02473,10 25,10 8.97528,0 16.02473,-10 25,-10 8.97528,0 16.02473,10 25,10 8.97528,0 16.02682,-10.193909 25,-10 4.47843,0.09678 12.25,5.525251 12.25,5.525251"
id="path35646-4"
sodipodi:nodetypes="caaaaac"
inkscape:label="path35646" />
<path
style="fill:none;stroke:#646464;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 132.85541,49.415937 c 4.63132,-3.995533 8.04763,-4.754569 12.5,-4.709633 8.97482,0.09058 16.02473,10 25,10 8.97528,0 16.02473,-10 25,-10 8.97528,0 16.02473,10 25,10 8.97528,0 16.02682,-10.193909 25,-10 4.47843,0.09678 12.25,5.525251 12.25,5.525251"
id="path35646-4-7"
sodipodi:nodetypes="caaaaac"
inkscape:label="path35646" />
<path
style="fill:none;stroke:#646464;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 132.85541,59.294947 c 4.63132,-3.995533 8.04763,-4.754569 12.5,-4.709633 8.97482,0.09058 16.02473,10 25,10 8.97528,0 16.02473,-10 25,-10 8.97528,0 16.02473,10 25,10 8.97528,0 16.02682,-10.193909 25,-10 4.47843,0.09678 12.25,5.525251 12.25,5.525251"
id="path35646-4-7-4"
sodipodi:nodetypes="caaaaac"
inkscape:label="path35646" />
</g>
<g
inkscape:groupmode="layer"
id="layer8"
inkscape:label="Adresse">
<rect
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-opacity:1"
id="rect24910"
width="100"
height="3.5892973"
x="50"
y="146.41071"
ry="0.057118207"
inkscape:label="rect24910" />
<rect
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-opacity:1"
id="rect24910-3"
width="100"
height="3.5892973"
x="50.000008"
y="121.41071"
ry="0.057118207" />
</g>
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="Overlay">
<rect
style="display:inline;fill:none;fill-opacity:1;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect41915"
width="300"
height="200"
x="0"
y="0"
ry="0.057118207"
inkscape:label="bordure" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

72136
static/logo/aerogramme.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 5.3 MiB

408
static/logo/aerogramme2.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
static/logo/aerogramme3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

363
static/logo/aerogramme3.svg Normal file
View file

@ -0,0 +1,363 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="300mm"
height="200mm"
viewBox="0 0 300 200"
version="1.1"
id="svg2656"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="aerogramme3.svg"
inkscape:export-filename="aerogramme-600.svg"
inkscape:export-xdpi="50.799999"
inkscape:export-ydpi="50.799999"
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="namedview2658"
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"
inkscape:zoom="0.64693624"
inkscape:cx="747.36886"
inkscape:cy="-236.49935"
inkscape:window-width="1908"
inkscape:window-height="2116"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer9"
showguides="false"
inkscape:lockguides="false">
<sodipodi:guide
position="25,213.76824"
orientation="-1,0"
id="guide2878"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="50,175.1295"
orientation="-1,0"
id="guide2880"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="74.999999,200.57838"
orientation="-1,0"
id="guide2882"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="99.999999,140.42648"
orientation="-1,0"
id="guide2884"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="125,129.72639"
orientation="-1,0"
id="guide2886"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="150,100.8072"
orientation="-1,0"
id="guide2888"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="175,127.41285"
orientation="-1,0"
id="guide2890"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="200,110.63973"
orientation="-1,0"
id="guide2892"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="225,94.155793"
orientation="-1,0"
id="guide2894"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="250,95.890944"
orientation="-1,0"
id="guide2896"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="275,95.890944"
orientation="-1,0"
id="guide2898"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="104.10905,175"
orientation="0,1"
id="guide2900"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="139.10126,150"
orientation="0,1"
id="guide2902"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="165.12853,125"
orientation="0,1"
id="guide2904"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="177.27458,99.999999"
orientation="0,1"
id="guide2924"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="158.76631,74.999999"
orientation="0,1"
id="guide2926"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="145.46348,50"
orientation="0,1"
id="guide2928"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="131.25807,25"
orientation="0,1"
id="guide2930"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<inkscape:grid
type="xygrid"
id="grid2986" />
<sodipodi:guide
position="43.523369,200"
orientation="0,-1"
id="guide4913"
inkscape:locked="false" />
<sodipodi:guide
position="0,200"
orientation="1,0"
id="guide4915"
inkscape:locked="false" />
<sodipodi:guide
position="40.631451,0"
orientation="0,-1"
id="guide4917"
inkscape:locked="false" />
<sodipodi:guide
position="300,93.220438"
orientation="1,0"
id="guide4919"
inkscape:locked="false" />
<sodipodi:guide
position="287.25,184.4588"
orientation="-1,0"
id="guide37887"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
<sodipodi:guide
position="328.61462,165"
orientation="0,1"
id="guide37889"
inkscape:locked="false"
inkscape:label=""
inkscape:color="rgb(0,134,229)" />
</sodipodi:namedview>
<defs
id="defs2653" />
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="Fond">
<rect
style="fill:#eff2f6;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-opacity:1"
id="rect15270"
width="300"
height="200"
x="0"
y="-1.5258789e-06"
ry="0.057118207" />
</g>
<g
inkscape:label="Bandes"
inkscape:groupmode="layer"
id="layer1">
<path
style="fill:#343786;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 0,24.999998 25,-1.5258789e-6 l -25,10e-14 z"
id="path5647" />
<path
style="fill:#d65c2d;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 50,-1.5258786e-6 0,49.999997 v 25 L 75,-1.5258788e-6 l -25,2e-13 25,-2e-13"
id="path6403" />
<path
style="fill:#343786;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 100,-1.5258782e-6 0,100 v 25 L 125.04173,0 Z"
id="path9338" />
<path
style="fill:#d65c2d;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 150,-1.5258782e-6 0,150 v 25 L 175,-1.5258782e-6 h -25"
id="path10096" />
<path
style="fill:#343786;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 200,-1.5258782e-6 0,200 H 25 L 225,-1.5258782e-6 h -25"
id="path11581" />
<path
style="fill:#d65c2d;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 249.74763,-1.5258782e-6 50,200 H 75 L 275,-1.5258859e-6 h -25"
id="path11615" />
<path
style="fill:#343786;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 300,-1.5258788e-6 100,200 h 25 L 300,24.999998 V -1.5258788e-6"
id="path11650" />
<path
style="fill:#d65c2d;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 300,49.999997 150,200 h 25 L 300,74.999997 Z"
id="path12412" />
<path
style="fill:#343786;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="M 300,100 200,200 h 25 l 75,-75 z"
id="path12449" />
<path
style="fill:#d65c2d;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="m 300,150 -50,50 h 25 l 25,-25 v -25"
id="path12489" />
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="Corps">
<rect
style="fill:#eff2f6;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-opacity:1"
id="rect12581"
width="250"
height="150"
x="25"
y="24.999998"
ry="0.057118207" />
</g>
<g
inkscape:groupmode="layer"
id="layer7"
inkscape:label="Timbre">
<rect
style="display:inline;fill:none;fill-opacity:1;stroke:#d65c2d;stroke-width:5;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect19926"
width="87.853218"
height="62.500004"
x="175"
y="37.499996"
ry="0.057118207"
inkscape:label="rect19926" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:56.5136px;line-height:1.25;font-family:FreeSerif;-inkscape-font-specification:'FreeSerif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#d65c2d;fill-opacity:1;stroke:none;stroke-width:0.294342"
x="198.55345"
y="87.795082"
id="text30312"><tspan
sodipodi:role="line"
id="tspan30310"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:56.5136px;font-family:FreeSerif;-inkscape-font-specification:'FreeSerif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#d65c2d;fill-opacity:1;stroke-width:0.294342"
x="198.55345"
y="87.795082">A</tspan></text>
<path
style="fill:none;stroke:#646464;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 132.85541,31.209631 c 4.63131,-3.995533 8.04763,-4.754569 12.5,-4.709633 8.97482,0.09058 16.02473,10 25,10 8.97528,0 16.02473,-10 25,-10 8.97528,0 16.02473,10 25,10 8.97528,0 16.02682,-10.193909 25,-10 4.47843,0.09678 12.25,5.525251 12.25,5.525251"
id="path35646"
sodipodi:nodetypes="caaaaac"
inkscape:label="path35646" />
<path
style="fill:none;stroke:#646464;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 132.85541,40.677616 c 4.63132,-3.995533 8.04763,-4.754569 12.5,-4.709633 8.97482,0.09058 16.02473,10 25,10 8.97528,0 16.02473,-10 25,-10 8.97528,0 16.02473,10 25,10 8.97528,0 16.02682,-10.193909 25,-10 4.47843,0.09678 12.25,5.525251 12.25,5.525251"
id="path35646-4"
sodipodi:nodetypes="caaaaac"
inkscape:label="path35646" />
<path
style="fill:none;stroke:#646464;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 132.85541,49.415937 c 4.63132,-3.995533 8.04763,-4.754569 12.5,-4.709633 8.97482,0.09058 16.02473,10 25,10 8.97528,0 16.02473,-10 25,-10 8.97528,0 16.02473,10 25,10 8.97528,0 16.02682,-10.193909 25,-10 4.47843,0.09678 12.25,5.525251 12.25,5.525251"
id="path35646-4-7"
sodipodi:nodetypes="caaaaac"
inkscape:label="path35646" />
<path
style="fill:none;stroke:#646464;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 132.85541,59.294947 c 4.63132,-3.995533 8.04763,-4.754569 12.5,-4.709633 8.97482,0.09058 16.02473,10 25,10 8.97528,0 16.02473,-10 25,-10 8.97528,0 16.02473,10 25,10 8.97528,0 16.02682,-10.193909 25,-10 4.47843,0.09678 12.25,5.525251 12.25,5.525251"
id="path35646-4-7-4"
sodipodi:nodetypes="caaaaac"
inkscape:label="path35646" />
</g>
<g
inkscape:groupmode="layer"
id="layer8"
inkscape:label="Adresse">
<rect
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-opacity:1"
id="rect24910"
width="100"
height="3.5892973"
x="50"
y="146.41071"
ry="0.057118207"
inkscape:label="rect24910" />
<rect
style="fill:#343786;fill-opacity:1;stroke:none;stroke-width:0.264999;stroke-opacity:1"
id="rect24910-3"
width="100"
height="3.5892973"
x="50.000008"
y="121.41071"
ry="0.057118207" />
</g>
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="Overlay">
<rect
style="display:inline;fill:none;fill-opacity:1;stroke:#000000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect41915"
width="300"
height="200"
x="0"
y="0"
ry="0.057118207"
inkscape:label="bordure" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

4
tailwind.config.js
View file

@ -6,8 +6,8 @@ module.exports = {
theme: { theme: {
extend: { extend: {
colors: { colors: {
'garage-orange': "#FF9329", 'aerogramme-blue': "#343786",
'garage-gray': "#4E4E4E", 'aerogramme-gray': "#4E4E4E",
}, },
backgroundSize: { backgroundSize: {
'size-200': '200% 200%', 'size-200': '200% 200%',

6
templates/404.html
View file

@ -6,13 +6,13 @@
<div class="w-full mx-auto"> <div class="w-full mx-auto">
<div class="flex items-center justify-center" style="min-height:40vh;"> <div class="flex items-center justify-center" style="min-height:40vh;">
<div class="flex flex-col items-center justify-center w-96 mx-auto"> <div class="flex flex-col items-center justify-center w-96 mx-auto">
<h1 class="flex items-center justify-around space-x-2 text-2xl text-garage-gray"> <h1 class="flex items-center justify-around space-x-2 text-2xl text-aerogramme-gray">
<span class="text-garage-orange font-semibold">HTTP 404</span> <span class="text-aerogramme-blue font-semibold">HTTP 404</span>
</h1> </h1>
<p class="text-gray-900 font-light text-center"> <p class="text-gray-900 font-light text-center">
What a shame!<br>The page you are looking for does not exist. What a shame!<br>The page you are looking for does not exist.
</p> </p>
<a href="/" class="text-garage-gray hover:text-garage-orange underline"> <a href="/" class="text-aerogramme-gray hover:text-aerogramme-blue underline">
Go back to homepage Go back to homepage
</a> </a>
</div> </div>

16
templates/blog_article.html
View file

@ -11,8 +11,8 @@
<div class="{% if page.extra.toc %}col-span-4{% else %}col-span-full{% endif %}"> <div class="{% if page.extra.toc %}col-span-4{% else %}col-span-full{% endif %}">
<article class="box my-12"> <article class="box my-12">
<div class="flex flex-col bg-gray-50"> <div class="flex flex-col bg-gray-50">
<div class="flex flex-col border-l-4 border-garage-orange py-2 pl-4 relative"> <div class="flex flex-col border-l-4 border-aerogramme-blue py-2 pl-4 relative">
<h1 class="title leading-10 text-3xl text-garage-orange font-semibold"> <h1 class="title leading-10 text-3xl text-aerogramme-blue font-semibold">
{{ page.title }} {{ page.title }}
</h1> </h1>
{% if page.description %} {% if page.description %}
@ -22,13 +22,13 @@
title="Back to blog posts"> title="Back to blog posts">
<div class="w-10 overflow-hidden inline-block group"> <div class="w-10 overflow-hidden inline-block group">
<div <div
class="h-16 bg-garage-gray group-hover:bg-garage-orange transform -rotate-45 origin-top-right"> class="h-16 bg-aerogramme-gray group-hover:bg-aerogramme-blue transform -rotate-45 origin-top-right">
</div> </div>
</div> </div>
</a> </a>
</div> </div>
<div <div
class="w-full text-garage-gray text-sm grid grid-cols-1 md:grid-cols-2 bg-gradient-to-r from-gray-100 to-transparent p-3 border-l-4 border-gray-300"> class="w-full text-aerogramme-gray text-sm grid grid-cols-1 md:grid-cols-2 bg-gradient-to-r from-gray-100 to-transparent p-3 border-l-4 border-gray-300">
<div class="flex items-center justify-start md:justify-start"> <div class="flex items-center justify-start md:justify-start">
{{ macros::page_publish_metadata(page=page) }} {{ macros::page_publish_metadata(page=page) }}
</div> </div>
@ -96,7 +96,7 @@
<nav class="flex space-x-8 items-center justify-center"> <nav class="flex space-x-8 items-center justify-center">
{% if page.later %} {% if page.later %}
<div> <div>
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800" <a class="flex items-center space-x-1 hover:text-aerogramme-blue font-semibold text-gray-800"
href="{{ page.later.permalink }}"> href="{{ page.later.permalink }}">
<span class="icon mr-2"> <span class="icon mr-2">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
@ -110,7 +110,7 @@
</div> </div>
{% endif %} {% if page.earlier %} {% endif %} {% if page.earlier %}
<div> <div>
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800" <a class="flex items-center space-x-1 hover:text-aerogramme-blue font-semibold text-gray-800"
href="{{ page.earlier.permalink }}"> href="{{ page.earlier.permalink }}">
{{ page.earlier.title }}<span class="icon ml-2"> {{ page.earlier.title }}<span class="icon ml-2">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
@ -123,7 +123,7 @@
</div> </div>
{% endif %} {% if page.heavier %} {% endif %} {% if page.heavier %}
<div> <div>
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800" <a class="flex items-center space-x-1 hover:text-aerogramme-blue font-semibold text-gray-800"
href="{{ page.heavier.permalink }}"> href="{{ page.heavier.permalink }}">
<span class="icon mr-2"> <span class="icon mr-2">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
@ -137,7 +137,7 @@
</div> </div>
{% endif %} {% if page.lighter %} {% endif %} {% if page.lighter %}
<div> <div>
<a class="flex items-center space-x-1 hover:text-garage-orange font-semibold text-gray-800" <a class="flex items-center space-x-1 hover:text-aerogramme-blue font-semibold text-gray-800"
href="{{ page.lighter.permalink }}"> href="{{ page.lighter.permalink }}">
{{ page.lighter.title }}<span class="icon ml-2"> {{ page.lighter.title }}<span class="icon ml-2">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"

14
templates/blog_index.html
View file

@ -8,7 +8,7 @@
<section class="section"> <section class="section">
<div class="container max-w-7xl mx-auto min-h-screen"> <div class="container max-w-7xl mx-auto min-h-screen">
<div class="flex flex-col items-center flex-start space-y-2 py-8"> <div class="flex flex-col items-center flex-start space-y-2 py-8">
<h1 class="title leading-10 text-3xl text-garage-gray">{{ section.title }}</h1> <h1 class="title leading-10 text-3xl text-aerogramme-gray">{{ section.title }}</h1>
<p class="italic">{{ section.description }}</p> <p class="italic">{{ section.description }}</p>
</div> </div>
<div class="content"> <div class="content">
@ -23,8 +23,8 @@
{% endif %} {% endif %}
{% for page in pages %} {% for page in pages %}
<article class="border-l-4 border-garage-gray pl-4 max-w-5xl"> <article class="border-l-4 border-aerogramme-gray pl-4 max-w-5xl">
<h2 class="text-garage-gray hover:text-garage-orange text-2xl pb-3"> <h2 class="text-aerogramme-gray hover:text-aerogramme-blue text-2xl pb-3">
<a class="w-full block" href='{{ page.permalink }}'> <a class="w-full block" href='{{ page.permalink }}'>
{{ page.title }} {{ page.title }}
</a> </a>
@ -32,7 +32,7 @@
{% if page.description %} {% if page.description %}
<p class="w-max italic text-gray-600 py-0.5 px-1.5 bg-gray-100 rounded mb-1">{{ page.description }}</p> <p class="w-max italic text-gray-600 py-0.5 px-1.5 bg-gray-100 rounded mb-1">{{ page.description }}</p>
{% endif %} {% endif %}
<div class="flex space-x-1 text-sm py-2 bg-garage-orange bg-opacity-10 w-full p-1.5 rounded"> <div class="flex space-x-1 text-sm py-2 bg-aerogramme-blue bg-opacity-10 w-full p-1.5 rounded">
<div> <div>
{{ macros::page_publish_metadata(page=page) }} {{ macros::page_publish_metadata(page=page) }}
</div> </div>
@ -44,10 +44,10 @@
<div class="text-gray-700 text-lg not-italic"> <div class="text-gray-700 text-lg not-italic">
{{ page.summary | striptags | safe }} {{ page.summary | striptags | safe }}
</div> </div>
<a class="group font-semibold p-4 flex items-center space-x-1 text-garage-orange" href='{{ page.permalink }}'> <a class="group font-semibold p-4 flex items-center space-x-1 text-aerogramme-blue" href='{{ page.permalink }}'>
<div class="h-0.5 mt-0.5 w-4 group-hover:w-8 group-hover:bg-garage-gray transition-all bg-garage-orange"></div> <div class="h-0.5 mt-0.5 w-4 group-hover:w-8 group-hover:bg-aerogramme-gray transition-all bg-aerogramme-blue"></div>
<span>Read</span> <span>Read</span>
<span class="text-garage-orange group-hover:text-garage-gray transition-all"> <span class="text-aerogramme-blue group-hover:text-aerogramme-gray transition-all">
<i class="fas fa-arrow-right fa-xs"></i> <i class="fas fa-arrow-right fa-xs"></i>
</span> </span>
</a> </a>

4
templates/documentation.html
View file

@ -14,8 +14,8 @@
<div class="col-span-full xl:col-span-3" style="min-height:85vh;"> <div class="col-span-full xl:col-span-3" style="min-height:85vh;">
<article class="box my-12 px-6 lg:px-8 xl:px-12"> <article class="box my-12 px-6 lg:px-8 xl:px-12">
<div class="flex flex-col mb-10 bg-gray-100 rounded-r shadow-sm w-full xl:w-max"> <div class="flex flex-col mb-10 bg-gray-100 rounded-r shadow-sm w-full xl:w-max">
<div class="flex flex-col border-l-4 border-garage-orange py-2 px-4 relative"> <div class="flex flex-col border-l-4 border-aerogramme-blue py-2 px-4 relative">
<h1 class="title leading-10 text-xl lg:text-2xl xl:text-3xl text-garage-orange font-semibold"> <h1 class="title leading-10 text-xl lg:text-2xl xl:text-3xl text-aerogramme-blue font-semibold">
{{ page.title }} {{ page.title }}
</h1> </h1>
{% if page.description %} {% if page.description %}

60
templates/download.html
View file

@ -7,7 +7,7 @@ Downloads | {{ config.title }}
{% block content %} {% block content %}
<section id="download-section" class="section"> <section id="download-section" class="section">
<div class="relative w-full py-8 flex flex-col items-center justify-center bg-gray-50 shadow-sm"> <div class="relative w-full py-8 flex flex-col items-center justify-center bg-gray-50 shadow-sm">
<h1 class="text-garage-orange font-bold text-2xl text-center">Download Garage</h1> <h1 class="text-aerogramme-blue font-bold text-2xl text-center">Download Garage</h1>
<div class="absolute -bottom-8 left-1/2 transform -translate-x-6 w-16 overflow-hidden inline-block"> <div class="absolute -bottom-8 left-1/2 transform -translate-x-6 w-16 overflow-hidden inline-block">
<div class="h-8 w-8 bg-gradient-to-bl from-gray-50 via-gray-50 to-gray-100 -rotate-45 transform origin-top-left shadow"></div> <div class="h-8 w-8 bg-gradient-to-bl from-gray-50 via-gray-50 to-gray-100 -rotate-45 transform origin-top-left shadow"></div>
</div> </div>
@ -15,42 +15,42 @@ Downloads | {{ config.title }}
<div class="mx-auto max-w-7xl px-4"> <div class="mx-auto max-w-7xl px-4">
<div id="releases-container" class="py-24 space-y-20"> <div id="releases-container" class="py-24 space-y-20">
<div id="docker-images" class="space-y-4"> <div id="docker-images" class="space-y-4">
<h2 class="text-garage-gray text-xl font-semibold">Deploy with Docker</h2> <h2 class="text-aerogramme-gray text-xl font-semibold">Deploy with Docker</h2>
<p>All of the builds listed in the sections below can be downloaded as Docker images <p>All of the builds listed in the sections below can be downloaded as Docker images
available available
<a href="https://hub.docker.com/r/dxflrs/garage" class="text-garage-orange font-bold hover:underline">on the Docker hub</a>. <a href="https://hub.docker.com/r/dxflrs/garage" class="text-aerogramme-blue font-bold hover:underline">on the Docker hub</a>.
</p> </p>
</div> </div>
<div id="docker-images" class="space-y-4"> <div id="docker-images" class="space-y-4">
<h2 class="text-garage-gray text-xl font-semibold">Release notes (changelogs)</h2> <h2 class="text-aerogramme-gray text-xl font-semibold">Release notes (changelogs)</h2>
<p>Release notes for each Garage release can be read <p>Release notes for each Garage release can be read
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/releases" class="text-garage-orange font-bold hover:underline">on our Gitea instance</a>. <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/releases" class="text-aerogramme-blue font-bold hover:underline">on our Gitea instance</a>.
</p> </p>
</div> </div>
<div id="release-builds" class="space-y-4"> <div id="release-builds" class="space-y-4">
<h2 class="text-garage-gray text-xl font-semibold">Release Builds</h2> <h2 class="text-aerogramme-gray text-xl font-semibold">Release Builds</h2>
<div id="release-builds-container" class="space-y-12"></div> <div id="release-builds-container" class="space-y-12"></div>
</div> </div>
<div id="extra-builds" class="space-y-4"> <div id="extra-builds" class="space-y-4">
<h2 class="text-garage-gray text-xl font-semibold">Extra Builds</h2> <h2 class="text-aerogramme-gray text-xl font-semibold">Extra Builds</h2>
<p>Extra builds are built on demand to test a specific feature or a specific need.</p> <p>Extra builds are built on demand to test a specific feature or a specific need.</p>
<details> <details>
<summary class="text-garage-orange font-bold cursor-pointer">Show Extra Builds</summary> <summary class="text-aerogramme-blue font-bold cursor-pointer">Show Extra Builds</summary>
<div id="extra-builds-container" class="space-y-12"></div> <div id="extra-builds-container" class="space-y-12"></div>
</details> </details>
</div> </div>
<div id="development-builds" class="space-y-4"> <div id="development-builds" class="space-y-4">
<h2 class="text-garage-gray text-xl font-semibold">Development Builds</h2> <h2 class="text-aerogramme-gray text-xl font-semibold">Development Builds</h2>
<p>Development builds are built periodically. Use them if you want to test a specific feature that is not yet released.</p> <p>Development builds are built periodically. Use them if you want to test a specific feature that is not yet released.</p>
<details> <details>
<summary class="text-garage-orange font-bold cursor-pointer">Show Development Builds</summary> <summary class="text-aerogramme-blue font-bold cursor-pointer">Show Development Builds</summary>
<div id="development-builds-container" class="space-y-12"></div> <div id="development-builds-container" class="space-y-12"></div>
</details> </details>
</div> </div>
<div class="space-y-4"> <div class="space-y-4">
<p> <p>
If this page is not loading correctly, If this page is not loading correctly,
<a class="font-bold text-garage-orange hover:underline" href="https://garagehq.deuxfleurs.fr/_releases.html">click here</a>. <a class="font-bold text-aerogramme-blue hover:underline" href="https://garagehq.deuxfleurs.fr/_releases.html">click here</a>.
</p> </p>
</div> </div>
</div> </div>
@ -60,7 +60,7 @@ Downloads | {{ config.title }}
</style> </style>
<div id="js-disabled-msg" class="p-12" style="height:70vh"> <div id="js-disabled-msg" class="p-12" style="height:70vh">
Access the Garage releases by clicking on the following link : Access the Garage releases by clicking on the following link :
<a class="font-bold text-garage-orange hover:underline" href="https://garagehq.deuxfleurs.fr/_releases.html">https://garagehq.deuxfleurs.fr/_releases.html</a> <a class="font-bold text-aerogramme-blue hover:underline" href="https://garagehq.deuxfleurs.fr/_releases.html">https://garagehq.deuxfleurs.fr/_releases.html</a>
</div> </div>
</noscript> </noscript>
</div> </div>
@ -101,22 +101,22 @@ Downloads | {{ config.title }}
window['build' + i] = window['build' + i] =
` `
<div class="mt-8 bg-gray-50 border border-gray-200 p-4 rounded shadow-sm"> <div class="mt-8 bg-gray-50 border border-gray-200 p-4 rounded shadow-sm">
<h3 class="flex flex-col space-y-1.5 font-extrabold text-garage-orange"> <h3 class="flex flex-col space-y-1.5 font-extrabold text-aerogramme-blue">
<span>${releaseBuilds[i]['version']}</span> <span>${releaseBuilds[i]['version']}</span>
<span class="text-garage-gray font-normal text-sm">${releaseBuilds[i]['builds'][0]['date']}</span> <span class="text-aerogramme-gray font-normal text-sm">${releaseBuilds[i]['builds'][0]['date']}</span>
</h3> </h3>
<span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Binaries</span> <span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Binaries</span>
<div id="release-builds-detail-${i}" class="flex flex-col md:flex-row items-start md:items-center space-x-0 md:space-x-2 space-y-2 md:space-y-0"></div> <div id="release-builds-detail-${i}" class="flex flex-col md:flex-row items-start md:items-center space-x-0 md:space-x-2 space-y-2 md:space-y-0"></div>
<span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Sources</span> <span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Sources</span>
<div id="release-builds-source-${i}" class="flex items-center space-x-2"> <div id="release-builds-source-${i}" class="flex items-center space-x-2">
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/src/tag/${releaseBuilds[i]['version']}" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/src/tag/${releaseBuilds[i]['version']}" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<span>Gitea</span> <span>Gitea</span>
</a> </a>
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${releaseBuilds[i]['version']}.zip" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${releaseBuilds[i]['version']}.zip" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg>
<span>.zip</span> <span>.zip</span>
</a> </a>
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${releaseBuilds[i]['version']}.tar.gz" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${releaseBuilds[i]['version']}.tar.gz" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg>
<span>.tar.gz</span> <span>.tar.gz</span>
</a> </a>
@ -127,7 +127,7 @@ Downloads | {{ config.title }}
for (j = 0; j < releaseBuilds[i]['builds'].length; j++) { for (j = 0; j < releaseBuilds[i]['builds'].length; j++) {
window['buildDetail' + i] = window['buildDetail' + i] =
` `
<a href="${releaseBuilds[i]['builds'][j]['url']}" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="${releaseBuilds[i]['builds'][j]['url']}" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<span> <span>
${releaseBuilds[i]['builds'][j]['platform'] ${releaseBuilds[i]['builds'][j]['platform']
.replace('aarch64-unknown-linux-musl', 'linux/arm64') .replace('aarch64-unknown-linux-musl', 'linux/arm64')
@ -146,22 +146,22 @@ Downloads | {{ config.title }}
window['build' + i] = window['build' + i] =
` `
<div class="mt-8 bg-gray-50 border border-gray-200 p-4 rounded shadow-sm"> <div class="mt-8 bg-gray-50 border border-gray-200 p-4 rounded shadow-sm">
<h3 class="flex flex-col space-y-1.5 font-extrabold text-garage-orange"> <h3 class="flex flex-col space-y-1.5 font-extrabold text-aerogramme-blue">
<span>${extraBuilds[i]['version']}</span> <span>${extraBuilds[i]['version']}</span>
<span class="text-garage-gray font-normal text-sm">${extraBuilds[i]['builds'][0]['date']}</span> <span class="text-aerogramme-gray font-normal text-sm">${extraBuilds[i]['builds'][0]['date']}</span>
</h3> </h3>
<span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Binaries</span> <span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Binaries</span>
<div id="extra-builds-detail-${i}" class="flex flex-col md:flex-row items-start md:items-center space-x-0 md:space-x-2 space-y-2 md:space-y-0"></div> <div id="extra-builds-detail-${i}" class="flex flex-col md:flex-row items-start md:items-center space-x-0 md:space-x-2 space-y-2 md:space-y-0"></div>
<span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Sources</span> <span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Sources</span>
<div id="extra-builds-source-${i}" class="flex items-center pt-4 space-x-2"> <div id="extra-builds-source-${i}" class="flex items-center pt-4 space-x-2">
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/src/tag/${extraBuilds[i]['version']}" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/src/tag/${extraBuilds[i]['version']}" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<span>Gitea</span> <span>Gitea</span>
</a> </a>
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${extraBuilds[i]['version']}.zip" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${extraBuilds[i]['version']}.zip" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg>
<span>.zip</span> <span>.zip</span>
</a> </a>
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${extraBuilds[i]['version']}.tar.gz" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${extraBuilds[i]['version']}.tar.gz" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg>
<span>.tar.gz</span> <span>.tar.gz</span>
</a> </a>
@ -172,7 +172,7 @@ Downloads | {{ config.title }}
for (j = 0; j < extraBuilds[i]['builds'].length; j++) { for (j = 0; j < extraBuilds[i]['builds'].length; j++) {
window['buildDetail' + i] = window['buildDetail' + i] =
` `
<a href="${extraBuilds[i]['builds'][j]['url']}" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="${extraBuilds[i]['builds'][j]['url']}" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<span> <span>
${extraBuilds[i]['builds'][j]['platform'] ${extraBuilds[i]['builds'][j]['platform']
.replace('aarch64-unknown-linux-musl', 'linux/arm64') .replace('aarch64-unknown-linux-musl', 'linux/arm64')
@ -191,22 +191,22 @@ Downloads | {{ config.title }}
window['build' + i] = window['build' + i] =
` `
<div class="mt-8 bg-gray-50 border border-gray-200 p-4 rounded shadow-sm"> <div class="mt-8 bg-gray-50 border border-gray-200 p-4 rounded shadow-sm">
<h3 class="flex flex-col space-y-1.5 font-extrabold text-garage-orange"> <h3 class="flex flex-col space-y-1.5 font-extrabold text-aerogramme-blue">
<span>${developmentBuilds[i]['version']}</span> <span>${developmentBuilds[i]['version']}</span>
<span class="text-garage-gray font-normal text-sm">${developmentBuilds[i]['builds'][0]['date']}</span> <span class="text-aerogramme-gray font-normal text-sm">${developmentBuilds[i]['builds'][0]['date']}</span>
</h3> </h3>
<span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Binaries</span> <span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Binaries</span>
<div id="development-builds-detail-${i}" class="flex flex-col md:flex-row items-start md:items-center space-x-0 md:space-x-2 space-y-2 md:space-y-0"></div> <div id="development-builds-detail-${i}" class="flex flex-col md:flex-row items-start md:items-center space-x-0 md:space-x-2 space-y-2 md:space-y-0"></div>
<span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Sources</span> <span class="inline-block mt-4 text-sm mb-1 uppercase text-gray-600">Sources</span>
<div id="development-builds-source-${i}" class="flex items-center pt-4 space-x-2"> <div id="development-builds-source-${i}" class="flex items-center pt-4 space-x-2">
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/src/tag/${developmentBuilds[i]['version']}" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/src/tag/${developmentBuilds[i]['version']}" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<span>Gitea</span> <span>Gitea</span>
</a> </a>
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${developmentBuilds[i]['version']}.zip" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${developmentBuilds[i]['version']}.zip" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg>
<span>.zip</span> <span>.zip</span>
</a> </a>
<a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${developmentBuilds[i]['version']}.tar.gz" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="https://git.deuxfleurs.fr/Deuxfleurs/garage/archive/${developmentBuilds[i]['version']}.tar.gz" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <svg class="inline w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg>
<span>.tar.gz</span> <span>.tar.gz</span>
</a> </a>
@ -217,7 +217,7 @@ Downloads | {{ config.title }}
for (j = 0; j < developmentBuilds[i]['builds'].length; j++) { for (j = 0; j < developmentBuilds[i]['builds'].length; j++) {
window['buildDetail' + i] = window['buildDetail' + i] =
` `
<a href="${developmentBuilds[i]['builds'][j]['url']}" class="inline-block p-1.5 text-garage-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300"> <a href="${developmentBuilds[i]['builds'][j]['url']}" class="inline-block p-1.5 text-aerogramme-gray font-bold bg-gray-300 hover:bg-orange-300 rounded border-b-2 border-gray-400 hover:border-orange-400 transition-all duration-300">
<span> <span>
${developmentBuilds[i]['builds'][j]['platform'] ${developmentBuilds[i]['builds'][j]['platform']
.replace('aarch64-unknown-linux-musl', 'linux/arm64') .replace('aarch64-unknown-linux-musl', 'linux/arm64')

44
templates/index.html
View file

@ -16,7 +16,7 @@
<a <a
href="{{ config.base_url }}/download/" href="{{ config.base_url }}/download/"
title="Garage releases" title="Garage releases"
class="group flex items-center justify-center space-x-1 font-semibold shadow hover:shadow-lg px-4 py-3 rounded text-white transition-all duration-500 bg-gradient-to-tl from-garage-orange via-orange-500 to-orange-300 bg-size-200 bg-pos-0 hover:bg-pos-100"> class="group flex items-center justify-center space-x-1 font-semibold shadow hover:shadow-lg px-4 py-3 rounded text-white transition-all duration-500 bg-gradient-to-tl from-aerogramme-blue via-orange-500 to-orange-300 bg-size-200 bg-pos-0 hover:bg-pos-100">
<svg class="w-6 h-6 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <svg class="w-6 h-6 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg>
<span class="inline text-sm md:text-base">Download</span> <span class="inline text-sm md:text-base">Download</span>
</a> </a>
@ -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="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"> <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-garage-orange text-2xl tracking-wide">Made for redundancy</p> <p class="text-aerogramme-blue text-2xl tracking-wide">Made for redundancy</p>
</div> </div>
<div id="map-container" class="relative w-full shadow-inner border-b"> <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"> <div class="absolute top-0 left-1/2 transform -translate-x-1/2 w-16 overflow-hidden inline-block">
@ -68,28 +68,28 @@
</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-garage-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-garage-orange leading-5">Our Goals</h2> <h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">Our Goals</h2>
<div class="w-8 h-1 bg-garage-orange"></div> <div class="w-8 h-1 bg-aerogramme-blue"></div>
<p class="text-center leading-5 italic text-lg">We made it lightweight and kept the efficiency in mind:</p> <p class="text-center leading-5 italic text-lg">We made it lightweight and kept the efficiency in mind:</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">
<span>Self-contained</span> <span>Self-contained</span>
<p class="font-normal text-center">We ship a single dependency-free binary that runs on all Linux distributions</p> <p class="font-normal text-center">We ship a single dependency-free binary that runs on all Linux distributions</p>
</li> </li>
<div class="w-2 h-2 rounded-full bg-garage-orange"></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>Fast to deploy, safe to operate</span> <span>Fast to deploy, safe to operate</span>
<p class="font-normal text-center">We are sysadmins, we know the value of operator-friendly software</p> <p class="font-normal text-center">We are sysadmins, we know the value of operator-friendly software</p>
</li> </li>
<div class="w-2 h-2 rounded-full bg-garage-orange"></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>Deploy everywhere on every machine</span> <span>Deploy everywhere on every machine</span>
<p class="font-normal text-center">We do not have a dedicated backbone, and neither do you,<br> <p class="font-normal text-center">We do not have a dedicated backbone, and neither do you,<br>
so we made software that run over the Internet across multiple datacenters</p> so we made software that run over the Internet across multiple datacenters</p>
</li> </li>
<div class="w-2 h-2 rounded-full bg-garage-orange"></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"> <li class="py-1.5 flex flex-col items-center justify-center text-center">
Highly resilient<br> Highly resilient<br>
<div class="font-normal"> <div class="font-normal">
@ -103,8 +103,8 @@
</div> </div>
<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-garage-orange leading-5">Keeping requirements low</h2> <h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">Keeping requirements low</h2>
<div class="w-8 h-1 bg-garage-orange"></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">
We worked hard to keep requirements as low as possible: We worked hard to keep requirements as low as possible:
</p> </p>
@ -148,8 +148,8 @@
</div> </div>
<div class="flex flex-col items-center justify-start space-y-2 px-6 xl:px-0"> <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-garage-orange 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">Data resiliency for everyone</h2>
<div class="w-8 h-1 bg-garage-orange"></div> <div class="w-8 h-1 bg-aerogramme-blue"></div>
<p class="text-center leading-5 italic pb-4 text-lg"> <p class="text-center leading-5 italic pb-4 text-lg">
We built Garage to suit your existing infrastructure: We built Garage to suit your existing infrastructure:
</p> </p>
@ -191,22 +191,22 @@
</div> </div>
<div class="flex flex-col items-center justify-start space-y-2 px-6 xl:px-0"> <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-garage-orange leading-5">Standing on the shoulders of giants</h2> <h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-aerogramme-blue leading-5">Standing on the shoulders of giants</h2>
<div class="w-8 h-1 bg-garage-orange"></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">
Garage leverages insights from recent research in distributed systems: Garage leverages insights from recent research in distributed systems:
</p> </p>
<ul class="text-center list-style-none flex flex-col items-center py-4"> <ul class="text-center list-style-none flex flex-col items-center py-4">
<li> <li>
<a target="_blank" href="https://dl.acm.org/doi/abs/10.1145/1323293.1294281" class="font-semibold hover:text-garage-orange">Dynamo: Amazon’s Highly Available Key-value Store</a> <a target="_blank" href="https://dl.acm.org/doi/abs/10.1145/1323293.1294281" class="font-semibold hover:text-aerogramme-blue">Dynamo: Amazon’s Highly Available Key-value Store</a>
by DeCandia et al. by DeCandia et al.
</li> </li>
<li> <li>
<a target="_blank" href="https://hal.inria.fr/inria-00609399v1" class="font-semibold hover:text-garage-orange">Conflict-Free Replicated Data Types</a> <a target="_blank" href="https://hal.inria.fr/inria-00609399v1" class="font-semibold hover:text-aerogramme-blue">Conflict-Free Replicated Data Types</a>
by Shapiro et al. by Shapiro et al.
</li> </li>
<li> <li>
<a target="_blank" href="https://www.usenix.org/conference/nsdi16/technical-sessions/presentation/eisenbud" class="font-semibold hover:text-garage-orange">Maglev: A Fast and Reliable Software Network Load Balancer</a> <a target="_blank" href="https://www.usenix.org/conference/nsdi16/technical-sessions/presentation/eisenbud" class="font-semibold hover:text-aerogramme-blue">Maglev: A Fast and Reliable Software Network Load Balancer</a>
by Eisenbud et al. by Eisenbud et al.
</li> </li>
</ul> </ul>
@ -214,14 +214,14 @@
</div> </div>
<div class="w-full flex flex-col items-center justify-center shadow-inner"> <div class="w-full flex flex-col items-center justify-center shadow-inner">
<div class="px-8 py-24 space-y-8 text-garage-gray max-w-4xl mx-auto"> <div class="px-8 py-24 space-y-8 text-aerogramme-gray max-w-4xl mx-auto">
<h2 class="text-2xl text-garage-orange font-semibold">Sponsors and funding</h2> <h2 class="text-2xl text-aerogramme-blue font-semibold">Sponsors and funding</h2>
<p>The <a class="text-garage-orange underline" href="https://deuxfleurs.fr/" target="_blank">Deuxfleurs association</a> <p>The <a class="text-aerogramme-blue underline" href="https://deuxfleurs.fr/" target="_blank">Deuxfleurs association</a>
has received a grant from <a class="text-garage-orange underline" href="https://pointer.ngi.eu/" target="_blank">NGI POINTER</a>, has received a grant from <a class="text-aerogramme-blue underline" href="https://pointer.ngi.eu/" target="_blank">NGI POINTER</a>,
to fund 3 people working on Garage full-time for a year : from October 2021 to September 2022.</p> to fund 3 people working on Garage full-time for a year : from October 2021 to September 2022.</p>
<p>If you want to fund Garage development past its initial grant, <p>If you want to fund Garage development past its initial grant,
either through donation or support contract, either through donation or support contract,
please <a class="text-garage-orange underline" href="mailto:{{config.extra.social.email}}">get in touch with us</a></p> please <a class="text-aerogramme-blue underline" href="mailto:{{config.extra.social.email}}">get in touch with us</a></p>
<img src="{{ get_url(path='images/ngi-pointer-eu.png') }}" class="w-2/3 mx-auto" alt="NGI Pointers"> <img src="{{ get_url(path='images/ngi-pointer-eu.png') }}" class="w-2/3 mx-auto" alt="NGI Pointers">
<p class="italic">This project has received funding from the European Union's Horizon 2021 research and innovation programme <p class="italic">This project has received funding from the European Union's Horizon 2021 research and innovation programme
within the framework of the NGI-POINTER Project funded under grant agreement N° 871528.</p> within the framework of the NGI-POINTER Project funded under grant agreement N° 871528.</p>

10
templates/macros.html
View file

@ -29,7 +29,7 @@
{% macro page_publish_metadata(page) %} {% macro page_publish_metadata(page) %}
<span class="icon-text has-text-grey"> <span class="icon-text has-text-grey">
<span>Published on</span> <span>Published on</span>
<div class="font-semibold inline-flex items-center justify-center space-x-1 bg-garage-gray bg-opacity-10 p-0.5 rounded"> <div class="font-semibold inline-flex items-center justify-center space-x-1 bg-aerogramme-gray bg-opacity-10 p-0.5 rounded">
<span><time datetime="{{ page.date }}">{{ page.date | date(format='%B %d, %Y') }}</time></span> <span><time datetime="{{ page.date }}">{{ page.date | date(format='%B %d, %Y') }}</time></span>
</div> </div>
</span> </span>
@ -37,10 +37,10 @@
{% macro page_content_metadata(page) %} {% macro page_content_metadata(page) %}
<span class="icon-text has-text-grey"> <span class="icon-text has-text-grey">
<span class="inline-flex items-center justify-center space-x-1 bg-garage-gray bg-opacity-10 p-0.5 rounded"> <span class="inline-flex items-center justify-center space-x-1 bg-aerogramme-gray bg-opacity-10 p-0.5 rounded">
{{ page.reading_time }} min reading time {{ page.reading_time }} min reading time
</span> </span>
<span class="inline-flex items-center justify-center space-x-1 bg-garage-gray bg-opacity-10 p-0.5 rounded"> <span class="inline-flex items-center justify-center space-x-1 bg-aerogramme-gray bg-opacity-10 p-0.5 rounded">
{{ page.word_count }} words {{ page.word_count }} words
</span> </span>
</span> </span>
@ -51,7 +51,7 @@
<span class="text-sm">Categories</span> <span class="text-sm">Categories</span>
{% for category in categories %} {% for category in categories %}
<a class="font-semibold inline-flex items-center justify-center space-x-1 px-1 py-0.5 rounded" href="{{ get_taxonomy_url(kind='categories', name=category) }}"> <a class="font-semibold inline-flex items-center justify-center space-x-1 px-1 py-0.5 rounded" href="{{ get_taxonomy_url(kind='categories', name=category) }}">
<div class="text-garage-gray inline-flex items-center space-x-1 border px-1 border-gray-300 hover:border-garage-orange rounded"> <div class="text-aerogramme-gray inline-flex items-center space-x-1 border px-1 border-gray-300 hover:border-aerogramme-blue rounded">
<span class="icon"> <span class="icon">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg>
</span> </span>
@ -67,7 +67,7 @@
<span class="text-sm">Tags</span> <span class="text-sm">Tags</span>
{% for tag in tags %} {% for tag in tags %}
<a class="font-semibold inline-flex items-center justify-center space-x-1 px-1 py-0.5 rounded" href="{{ get_taxonomy_url(kind='tags', name=tag) }}"> <a class="font-semibold inline-flex items-center justify-center space-x-1 px-1 py-0.5 rounded" href="{{ get_taxonomy_url(kind='tags', name=tag) }}">
<div class="text-garage-gray inline-flex items-center space-x-1 border px-1 border-gray-300 hover:border-garage-orange rounded"> <div class="text-aerogramme-gray inline-flex items-center space-x-1 border px-1 border-gray-300 hover:border-aerogramme-blue rounded">
<span class="icon"> <span class="icon">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"></path></svg> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"></path></svg>
</span> </span>

16
templates/partials/doc/global_toc.html
View file

@ -7,8 +7,8 @@
{% for page in section.pages %} {% for page in section.pages %}
<a <a
href="{{ page.permalink | safe }}" href="{{ page.permalink | safe }}"
class="bg-white border border-garage-orange block p-1 rounded font-semibold hover:bg-garage-orange hover:bg-opacity-20 class="bg-white border border-aerogramme-blue block p-1 rounded font-semibold hover:bg-aerogramme-blue hover:bg-opacity-20
{% if current_path == page.path %} activePage text-garage-orange border-opacity-100 border-garage-orange {% endif %}"> {% if current_path == page.path %} activePage text-aerogramme-blue border-opacity-100 border-aerogramme-blue {% endif %}">
{{ page.title }} {{ page.title }}
</a> </a>
{% endfor %} {% endfor %}
@ -19,7 +19,7 @@
<li class="relative"> <li class="relative">
<a <a
href="{{ h1.permalink | safe }}" href="{{ h1.permalink | safe }}"
class="bg-white border border-garage-orange block p-1 rounded-r rounded-tl font-semibold {% if current_path == h1.path %}activePage text-garage-orange font-semibold border-opacity-100 border-garage-orange{% else %}text-gray-800{% endif %}"> class="bg-white border border-aerogramme-blue block p-1 rounded-r rounded-tl font-semibold {% if current_path == h1.path %}activePage text-aerogramme-blue font-semibold border-opacity-100 border-aerogramme-blue{% else %}text-gray-800{% endif %}">
{{ h1.title }} {{ h1.title }}
</a> </a>
{% if h1.pages %} {% if h1.pages %}
@ -28,16 +28,16 @@
id="btn-{{ h1.title | slugify }}" id="btn-{{ h1.title | slugify }}"
class="deploySubMenu" class="deploySubMenu"
/> />
<label for="btn-{{ h1.title | slugify }}" class="absolute top-0 right-0.5 bg-garage-orange bg-opacity-10 border-l border-garage-orange border-opacity-20 cursor-pointer inline-block px-3 py-1" style="margin-top:0.08rem;"> <label for="btn-{{ h1.title | slugify }}" class="absolute top-0 right-0.5 bg-aerogramme-blue bg-opacity-10 border-l border-aerogramme-blue border-opacity-20 cursor-pointer inline-block px-3 py-1" style="margin-top:0.08rem;">
<svg class="arrow w-6 h-6 text-garage-gray group-hover:text-garage-orange transform rotate-90" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg> <svg class="arrow w-6 h-6 text-aerogramme-gray group-hover:text-aerogramme-blue transform rotate-90" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
</label> </label>
<ul class="subMenu border-l border-garage-orange space-y-0.5"> <ul class="subMenu border-l border-aerogramme-blue space-y-0.5">
{% for h2 in h1.pages %} {% for h2 in h1.pages %}
<li> <li>
<a <a
href="{{ h2.permalink | safe }}" href="{{ h2.permalink | safe }}"
class="docPage block pl-2 py-1 border-l-4 rounded-r border-opacity-0 hover:bg-garage-orange hover:bg-opacity-20 class="docPage block pl-2 py-1 border-l-4 rounded-r border-opacity-0 hover:bg-aerogramme-blue hover:bg-opacity-20
{% if current_path == h2.path %} activePage text-garage-orange font-semibold border-opacity-100 border-garage-orange {% endif %}"> {% if current_path == h2.path %} activePage text-aerogramme-blue font-semibold border-opacity-100 border-aerogramme-blue {% endif %}">
{{ h2.title }} {{ h2.title }}
</a> </a>
</li> </li>

6
templates/partials/doc/page_toc.html
View file

@ -1,12 +1,12 @@
<aside class="hidden 2xl:block fixed right-0 bottom-1/2 transform translate-y-1/2 w-80 col-span-1 h-auto bg-gray-100 rounded-l-lg shadow-inner"> <aside class="hidden 2xl:block fixed right-0 bottom-1/2 transform translate-y-1/2 w-80 col-span-1 h-auto bg-gray-100 rounded-l-lg shadow-inner">
{% if page.toc %} {% if page.toc %}
<div class="w-full flex items-center justify-center py-1.5 bg-gray-200 rounded-tl-lg"> <div class="w-full flex items-center justify-center py-1.5 bg-gray-200 rounded-tl-lg">
<span class="uppercase tracking-wide text-xs text-garage-gray">Page content</span> <span class="uppercase tracking-wide text-xs text-aerogramme-gray">Page content</span>
</div> </div>
<ol class="text-sm space-y-0.5 px-8 py-3 list-decimal"> <ol class="text-sm space-y-0.5 px-8 py-3 list-decimal">
{% for h1 in page.toc %} {% for h1 in page.toc %}
<li> <li>
<a href="{{ h1.permalink | safe }}" class="font-semibold text-gray-800 transition-all hover:text-garage-orange">{{ h1.title }}</a> <a href="{{ h1.permalink | safe }}" class="font-semibold text-gray-800 transition-all hover:text-aerogramme-blue">{{ h1.title }}</a>
{% if h1.children %} {% if h1.children %}
<ul class="space-y-0.5 py-0.5"> <ul class="space-y-0.5 py-0.5">
{% for h2 in h1.children %} {% for h2 in h1.children %}
@ -14,7 +14,7 @@
<a <a
href="{{ h2.permalink | safe }}" href="{{ h2.permalink | safe }}"
id="link-{{ h2.id | safe }}" id="link-{{ h2.id | safe }}"
class="toc text-gray-700 hover:text-garage-orange"> class="toc text-gray-700 hover:text-aerogramme-blue">
{{ h2.title }} {{ h2.title }}
</a> </a>
</li> </li>

6
templates/partials/doc/pagination.html
View file

@ -1,7 +1,7 @@
<section class="w-full"> <section class="w-full">
<div class="mx-auto"> <div class="mx-auto">
<div class="w-full flex items-center justify-center py-1.5 bg-gray-200"> <div class="w-full flex items-center justify-center py-1.5 bg-gray-200">
<span class="uppercase tracking-wide text-xs text-garage-gray">Navigation</span> <span class="uppercase tracking-wide text-xs text-aerogramme-gray">Navigation</span>
</div> </div>
<nav class="flex flex-col md:flex-row space-x-0 md:space-x-4 space-y-4 md:space-y-0 items-center justify-center p-4"> <nav class="flex flex-col md:flex-row space-x-0 md:space-x-4 space-y-4 md:space-y-0 items-center justify-center p-4">
{% if page.earlier %} {% if page.earlier %}
@ -15,7 +15,7 @@
{% if left %} {% if left %}
<div class="w-1/2 lg:w-1/3"> <div class="w-1/2 lg:w-1/3">
<a class="flex items-center justify-center space-x-1 text-garage-gray text-sm bg-white hover:bg-garage-gray hover:bg-opacity-20 transition border border-garage-orange p-2.5 rounded-2xl" <a class="flex items-center justify-center space-x-1 text-aerogramme-gray text-sm bg-white hover:bg-aerogramme-gray hover:bg-opacity-20 transition border border-aerogramme-blue p-2.5 rounded-2xl"
href="{{ left.permalink }}" href="{{ left.permalink }}"
title="{{ left.title }}"> title="{{ left.title }}">
<span class="icon"> <span class="icon">
@ -40,7 +40,7 @@
{% if right %} {% if right %}
<div class="w-1/2 lg:w-1/3"> <div class="w-1/2 lg:w-1/3">
<a class="flex items-center justify-center space-x-1 text-garage-gray text-sm bg-white hover:bg-garage-gray hover:bg-opacity-20 transition border border-garage-orange p-2.5 rounded-2xl" <a class="flex items-center justify-center space-x-1 text-aerogramme-gray text-sm bg-white hover:bg-aerogramme-gray hover:bg-opacity-20 transition border border-aerogramme-blue p-2.5 rounded-2xl"
href="{{ right.permalink }}" href="{{ right.permalink }}"
title="{{ right.title }}"> title="{{ right.title }}">
<span class="icon"> <span class="icon">

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

@ -1,11 +1,11 @@
<footer class="py-4 bg-garage-orange bg-opacity-20"> <footer class="py-4 bg-aerogramme-blue bg-opacity-20">
<div class="content has-text-centered flex flex-col items-center justify-center"> <div class="content has-text-centered flex flex-col items-center justify-center">
{{ 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">
Built with <a href="https://www.getzola.org" target="_blank" class="font-semibold hover:text-garage-orange">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="{{config.base_url}}" class="font-semibold hover:text-garage-orange">Garage</a>, powered by <a href="{{config.base_url}}" class="font-semibold hover:text-aerogramme-blue">Garage</a>,
hosted by <a href="https://deuxfleurs.fr" target="_blank" class="font-semibold hover:text-garage-orange">Deuxfleurs</a> hosted by <a href="https://deuxfleurs.fr" target="_blank" class="font-semibold hover:text-aerogramme-blue">Deuxfleurs</a>
</p> </p>
</div> </div>
</footer> </footer>

4
templates/partials/shared/nav.html
View file

@ -1,5 +1,5 @@
<nav aria-label="navigation-section" class="navbar w-full relative" role="navigation"> <nav aria-label="navigation-section" class="navbar w-full relative" role="navigation">
<div class="w-full flex flex-row items-center justify-between py-1.5 px-8 text-garage-gray bg-garage-orange bg-opacity-20"> <div class="w-full flex flex-row items-center justify-between py-1.5 px-8 text-aerogramme-gray bg-aerogramme-blue bg-opacity-20">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="hover:rounded-full hover:bg-white" href="{{config.base_url}}"> <a class="hover:rounded-full hover:bg-white" href="{{config.base_url}}">
<img class="px-2 transform duration-150 focus:bg-white hover:bg-white hover:shadow rounded-lg" <img class="px-2 transform duration-150 focus:bg-white hover:bg-white hover:shadow rounded-lg"
@ -35,7 +35,7 @@
<a <a
href="{{ config.base_url }}/download/" href="{{ config.base_url }}/download/"
title="Garage releases" title="Garage releases"
class="group flex items-center justify-center space-x-1 font-semibold shadow hover:shadow px-2 py-1.5 rounded text-white transition-all duration-500 bg-gradient-to-tl from-garage-orange via-orange-500 to-orange-300 bg-size-200 bg-pos-0 hover:bg-pos-100"> class="group flex items-center justify-center space-x-1 font-semibold shadow hover:shadow px-2 py-1.5 rounded text-white transition-all duration-500 bg-gradient-to-tl from-aerogramme-blue via-orange-500 to-orange-300 bg-size-200 bg-pos-0 hover:bg-pos-100">
<svg class="w-6 h-6 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg> <svg class="w-6 h-6 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path></svg>
<span class="hidden md:inline">Download</span> <span class="hidden md:inline">Download</span>
</a> </a>

8
templates/partials/shared/paginator.html
View file

@ -1,9 +1,9 @@
{% if paginator.previous or paginator.next %} {% if paginator.previous or paginator.next %}
<section class="section"> <section class="section">
<div class="container max-w-5xl mx-auto flex items-center justify-center"> <div class="container max-w-5xl mx-auto flex items-center justify-center">
<nav class="pagination flex items-center my-12 text-garage-gray" role="navigation" aria-label="pagination"> <nav class="pagination flex items-center my-12 text-aerogramme-gray" role="navigation" aria-label="pagination">
{% if paginator.previous %} {% if paginator.previous %}
<a class="flex items-center justify-center space-x-2 hover:text-garage-orange" <a class="flex items-center justify-center space-x-2 hover:text-aerogramme-blue"
href='{{ paginator.previous }}' {% if not paginator.previous %}disabled{% endif %}> href='{{ paginator.previous }}' {% if not paginator.previous %}disabled{% endif %}>
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
@ -16,7 +16,7 @@
<ul class="flex space-x-4 px-4"> <ul class="flex space-x-4 px-4">
{% for pager in range(start=1, end=paginator.number_pagers+1) %} {% for pager in range(start=1, end=paginator.number_pagers+1) %}
<li> <li>
<a class="font-semibold inline-flex items-center justify-center h-7 w-7 rounded hover:shadow hover:bg-garage-orange bg-garage-gray bg-opacity-20 border-b-2 {% if paginator.current_index == pager %}border-garage-orange{% else %}border-transparent{% endif %}" <a class="font-semibold inline-flex items-center justify-center h-7 w-7 rounded hover:shadow hover:bg-aerogramme-blue bg-aerogramme-gray bg-opacity-20 border-b-2 {% if paginator.current_index == pager %}border-aerogramme-blue{% else %}border-transparent{% endif %}"
href='{{ paginator.base_url }}{{pager}}/' aria-label="Goto page {{pager}}"> href='{{ paginator.base_url }}{{pager}}/' aria-label="Goto page {{pager}}">
{{pager}} {{pager}}
</a> </a>
@ -24,7 +24,7 @@
{% endfor %} {% endfor %}
</ul> </ul>
{% if paginator.next %} {% if paginator.next %}
<a class="flex items-center justify-center space-x-2 hover:text-garage-orange" href='{{ paginator.next }}' <a class="flex items-center justify-center space-x-2 hover:text-aerogramme-blue" href='{{ paginator.next }}'
{% if not paginator.next %}disabled{% endif %}> {% if not paginator.next %}disabled{% endif %}>
<span>Next</span> <span>Next</span>
<svg class="mt-0.5 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" <svg class="mt-0.5 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"

4
templates/partials/shared/search.html
View file

@ -9,12 +9,12 @@
<div class="control"> <div class="control">
<input <input
id="search" id="search"
class="p-2 md:p-4 shadow rounded-lg outline-2 focus:outline outline-garage-orange" class="p-2 md:p-4 shadow rounded-lg outline-2 focus:outline outline-aerogramme-blue"
placeholder="Search on Garage..." type="search" /> placeholder="Search on Garage..." type="search" />
</div> </div>
</div> </div>
<div class="search-results hidden mt-8 p-2 md:p-4 w-full bg-white rounded shadow"> <div class="search-results hidden mt-8 p-2 md:p-4 w-full bg-white rounded shadow">
<div class="search-results__items max-h-96 overflow-y-scroll p-2 md:p-4 focus:outline outline-garage-orange"></div> <div class="search-results__items max-h-96 overflow-y-scroll p-2 md:p-4 focus:outline outline-aerogramme-blue"></div>
</div> </div>
</section> </section>
<a <a