WIP website conversion
This commit is contained in:
parent
5369bc0950
commit
453b14a045
GPG key ID:
E9602264D639FF68
22 changed files with 73387 additions and 117 deletions
10
config.toml
10
config.toml
|
|
@ -60,16 +60,16 @@ apple_touch_icon = "/icons/apple-touch-icon.png"
|
|||
webmanifest = "/icons/site.webmanifest"
|
||||
|
||||
[extra.organization]
|
||||
name = "Garage"
|
||||
description = "An open-source distributed object storage service tailored for self-hosting"
|
||||
logo = "/images/garage-logo.svg"
|
||||
name = "Aerogramme"
|
||||
description = "Resilient & standards-compliant open-source IMAP server with server-side encryption "
|
||||
logo = "/logo/aerogramme-600.svg"
|
||||
logo_simple = "/images/garage-logo-simple.svg"
|
||||
logo_horizontal = "/images/garage-logo-horizontal.svg"
|
||||
|
||||
[extra.author]
|
||||
name = "Garage"
|
||||
name = "Aerogramme"
|
||||
avatar = "/images/garage-logo.svg"
|
||||
|
||||
[extra.social]
|
||||
git = "https://git.deuxfleurs.fr/Deuxfleurs/garage"
|
||||
git = "https://git.deuxfleurs.fr/Deuxfleurs/aerogramme"
|
||||
email = "garagehq@deuxfleurs.fr"
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ article .page-content {
|
|||
/** 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 */
|
||||
|
|
@ -39,7 +39,7 @@ article table tbody tr td {
|
|||
/** Blockquotes */
|
||||
|
||||
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 */
|
||||
|
|
@ -71,7 +71,7 @@ article ol ul {
|
|||
}
|
||||
|
||||
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 {
|
||||
|
|
@ -87,11 +87,11 @@ p > code, p > strong > code, li > code, li > strong > code {
|
|||
}
|
||||
|
||||
.page-content {
|
||||
@apply text-garage-gray;
|
||||
@apply text-aerogramme-gray;
|
||||
}
|
||||
|
||||
.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 {
|
||||
|
|
@ -99,7 +99,7 @@ p > code, p > strong > code, li > code, li > strong > code {
|
|||
}
|
||||
|
||||
.is-active {
|
||||
@apply text-garage-orange;
|
||||
@apply text-aerogramme-blue;
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
|
|
@ -270,4 +270,4 @@ p > code, p > strong > code, li > code, li > strong > code {
|
|||
margin: 2.75rem 0;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
|||
363
static/logo/aerogramme-600.svg
Normal file
363
static/logo/aerogramme-600.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 13 KiB |
72136
static/logo/aerogramme.svg
Normal file
72136
static/logo/aerogramme.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 5.3 MiB |
408
static/logo/aerogramme2.svg
Normal file
408
static/logo/aerogramme2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 1.1 MiB |
BIN
static/logo/aerogramme3.png
Normal file
BIN
static/logo/aerogramme3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
363
static/logo/aerogramme3.svg
Normal file
363
static/logo/aerogramme3.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 13 KiB |
|
|
@ -6,8 +6,8 @@ module.exports = {
|
|||
theme: {
|
||||
extend: {
|
||||
colors: {
|
||||
'garage-orange': "#FF9329",
|
||||
'garage-gray': "#4E4E4E",
|
||||
'aerogramme-blue': "#343786",
|
||||
'aerogramme-gray': "#4E4E4E",
|
||||
},
|
||||
backgroundSize: {
|
||||
'size-200': '200% 200%',
|
||||
|
|
|
|||
|
|
@ -6,13 +6,13 @@
|
|||
<div class="w-full mx-auto">
|
||||
<div class="flex items-center justify-center" style="min-height:40vh;">
|
||||
<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">
|
||||
<span class="text-garage-orange font-semibold">HTTP 404</span>
|
||||
<h1 class="flex items-center justify-around space-x-2 text-2xl text-aerogramme-gray">
|
||||
<span class="text-aerogramme-blue font-semibold">HTTP 404</span>
|
||||
</h1>
|
||||
<p class="text-gray-900 font-light text-center">
|
||||
What a shame!<br>The page you are looking for does not exist.
|
||||
</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
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,8 +11,8 @@
|
|||
<div class="{% if page.extra.toc %}col-span-4{% else %}col-span-full{% endif %}">
|
||||
<article class="box my-12">
|
||||
<div class="flex flex-col bg-gray-50">
|
||||
<div class="flex flex-col border-l-4 border-garage-orange py-2 pl-4 relative">
|
||||
<h1 class="title leading-10 text-3xl text-garage-orange font-semibold">
|
||||
<div class="flex flex-col border-l-4 border-aerogramme-blue py-2 pl-4 relative">
|
||||
<h1 class="title leading-10 text-3xl text-aerogramme-blue font-semibold">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
{% if page.description %}
|
||||
|
|
@ -22,13 +22,13 @@
|
|||
title="Back to blog posts">
|
||||
<div class="w-10 overflow-hidden inline-block group">
|
||||
<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>
|
||||
</a>
|
||||
</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">
|
||||
{{ macros::page_publish_metadata(page=page) }}
|
||||
</div>
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<nav class="flex space-x-8 items-center justify-center">
|
||||
{% if page.later %}
|
||||
<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 }}">
|
||||
<span class="icon mr-2">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
</div>
|
||||
{% endif %} {% if page.earlier %}
|
||||
<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 }}">
|
||||
{{ page.earlier.title }}<span class="icon ml-2">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
|
|
@ -123,7 +123,7 @@
|
|||
</div>
|
||||
{% endif %} {% if page.heavier %}
|
||||
<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 }}">
|
||||
<span class="icon mr-2">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
|
|
@ -137,7 +137,7 @@
|
|||
</div>
|
||||
{% endif %} {% if page.lighter %}
|
||||
<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 }}">
|
||||
{{ page.lighter.title }}<span class="icon ml-2">
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<section class="section">
|
||||
<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">
|
||||
<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>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
|
@ -23,8 +23,8 @@
|
|||
{% endif %}
|
||||
|
||||
{% for page in pages %}
|
||||
<article class="border-l-4 border-garage-gray pl-4 max-w-5xl">
|
||||
<h2 class="text-garage-gray hover:text-garage-orange text-2xl pb-3">
|
||||
<article class="border-l-4 border-aerogramme-gray pl-4 max-w-5xl">
|
||||
<h2 class="text-aerogramme-gray hover:text-aerogramme-blue text-2xl pb-3">
|
||||
<a class="w-full block" href='{{ page.permalink }}'>
|
||||
{{ page.title }}
|
||||
</a>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
{% 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>
|
||||
{% 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>
|
||||
{{ macros::page_publish_metadata(page=page) }}
|
||||
</div>
|
||||
|
|
@ -44,10 +44,10 @@
|
|||
<div class="text-gray-700 text-lg not-italic">
|
||||
{{ page.summary | striptags | safe }}
|
||||
</div>
|
||||
<a class="group font-semibold p-4 flex items-center space-x-1 text-garage-orange" 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>
|
||||
<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-aerogramme-gray transition-all bg-aerogramme-blue"></div>
|
||||
<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>
|
||||
</span>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@
|
|||
<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">
|
||||
<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">
|
||||
<h1 class="title leading-10 text-xl lg:text-2xl xl:text-3xl text-garage-orange font-semibold">
|
||||
<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-aerogramme-blue font-semibold">
|
||||
{{ page.title }}
|
||||
</h1>
|
||||
{% if page.description %}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ Downloads | {{ config.title }}
|
|||
{% block content %}
|
||||
<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">
|
||||
<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="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>
|
||||
|
|
@ -15,42 +15,42 @@ Downloads | {{ config.title }}
|
|||
<div class="mx-auto max-w-7xl px-4">
|
||||
<div id="releases-container" class="py-24 space-y-20">
|
||||
<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
|
||||
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>
|
||||
</div>
|
||||
<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
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</details>
|
||||
</div>
|
||||
<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>
|
||||
<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>
|
||||
</details>
|
||||
</div>
|
||||
<div class="space-y-4">
|
||||
<p>
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -60,7 +60,7 @@ Downloads | {{ config.title }}
|
|||
</style>
|
||||
<div id="js-disabled-msg" class="p-12" style="height:70vh">
|
||||
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>
|
||||
</noscript>
|
||||
</div>
|
||||
|
|
@ -101,22 +101,22 @@ Downloads | {{ config.title }}
|
|||
window['build' + i] =
|
||||
`
|
||||
<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 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>
|
||||
<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>
|
||||
<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">
|
||||
<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>
|
||||
</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>
|
||||
<span>.zip</span>
|
||||
</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>
|
||||
<span>.tar.gz</span>
|
||||
</a>
|
||||
|
|
@ -127,7 +127,7 @@ Downloads | {{ config.title }}
|
|||
for (j = 0; j < releaseBuilds[i]['builds'].length; j++) {
|
||||
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>
|
||||
${releaseBuilds[i]['builds'][j]['platform']
|
||||
.replace('aarch64-unknown-linux-musl', 'linux/arm64')
|
||||
|
|
@ -146,22 +146,22 @@ Downloads | {{ config.title }}
|
|||
window['build' + i] =
|
||||
`
|
||||
<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 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>
|
||||
<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>
|
||||
<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">
|
||||
<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>
|
||||
</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>
|
||||
<span>.zip</span>
|
||||
</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>
|
||||
<span>.tar.gz</span>
|
||||
</a>
|
||||
|
|
@ -172,7 +172,7 @@ Downloads | {{ config.title }}
|
|||
for (j = 0; j < extraBuilds[i]['builds'].length; j++) {
|
||||
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>
|
||||
${extraBuilds[i]['builds'][j]['platform']
|
||||
.replace('aarch64-unknown-linux-musl', 'linux/arm64')
|
||||
|
|
@ -191,22 +191,22 @@ Downloads | {{ config.title }}
|
|||
window['build' + i] =
|
||||
`
|
||||
<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 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>
|
||||
<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>
|
||||
<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">
|
||||
<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>
|
||||
</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>
|
||||
<span>.zip</span>
|
||||
</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>
|
||||
<span>.tar.gz</span>
|
||||
</a>
|
||||
|
|
@ -217,7 +217,7 @@ Downloads | {{ config.title }}
|
|||
for (j = 0; j < developmentBuilds[i]['builds'].length; j++) {
|
||||
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>
|
||||
${developmentBuilds[i]['builds'][j]['platform']
|
||||
.replace('aarch64-unknown-linux-musl', 'linux/arm64')
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<a
|
||||
href="{{ config.base_url }}/download/"
|
||||
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>
|
||||
<span class="inline text-sm md:text-base">Download</span>
|
||||
</a>
|
||||
|
|
@ -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-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 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">
|
||||
|
|
@ -68,28 +68,28 @@
|
|||
</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">
|
||||
<h2 class="mb-2 text-xl text-center md:text-2xl font-bold text-garage-orange leading-5">Our Goals</h2>
|
||||
<div class="w-8 h-1 bg-garage-orange"></div>
|
||||
<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-aerogramme-blue"></div>
|
||||
<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">
|
||||
<li class="py-1.5 flex flex-col items-center justify-center">
|
||||
<span>Self-contained</span>
|
||||
<p class="font-normal text-center">We ship a single dependency-free binary that runs on all Linux distributions</p>
|
||||
</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">
|
||||
<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>
|
||||
</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">
|
||||
<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>
|
||||
so we made software that run over the Internet across multiple datacenters</p>
|
||||
</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">
|
||||
Highly resilient<br>
|
||||
<div class="font-normal">
|
||||
|
|
@ -103,8 +103,8 @@
|
|||
</div>
|
||||
|
||||
<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>
|
||||
<div class="w-8 h-1 bg-garage-orange"></div>
|
||||
<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-aerogramme-blue"></div>
|
||||
<p class="text-center leading-5 italic text-lg">
|
||||
We worked hard to keep requirements as low as possible:
|
||||
</p>
|
||||
|
|
@ -148,8 +148,8 @@
|
|||
</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-garage-orange leading-5">Data resiliency for everyone</h2>
|
||||
<div class="w-8 h-1 bg-garage-orange"></div>
|
||||
<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-aerogramme-blue"></div>
|
||||
<p class="text-center leading-5 italic pb-4 text-lg">
|
||||
We built Garage to suit your existing infrastructure:
|
||||
</p>
|
||||
|
|
@ -191,22 +191,22 @@
|
|||
</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-garage-orange leading-5">Standing on the shoulders of giants</h2>
|
||||
<div class="w-8 h-1 bg-garage-orange"></div>
|
||||
<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-aerogramme-blue"></div>
|
||||
<p class="text-center leading-5 italic text-lg">
|
||||
Garage leverages insights from recent research in distributed systems:
|
||||
</p>
|
||||
<ul class="text-center list-style-none flex flex-col items-center py-4">
|
||||
<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.
|
||||
</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.
|
||||
</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.
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -214,14 +214,14 @@
|
|||
</div>
|
||||
|
||||
<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">
|
||||
<h2 class="text-2xl text-garage-orange font-semibold">Sponsors and funding</h2>
|
||||
<p>The <a class="text-garage-orange 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>,
|
||||
<div class="px-8 py-24 space-y-8 text-aerogramme-gray max-w-4xl mx-auto">
|
||||
<h2 class="text-2xl text-aerogramme-blue font-semibold">Sponsors and funding</h2>
|
||||
<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-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>
|
||||
<p>If you want to fund Garage development past its initial grant,
|
||||
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">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
{% macro page_publish_metadata(page) %}
|
||||
<span class="icon-text has-text-grey">
|
||||
<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>
|
||||
</div>
|
||||
</span>
|
||||
|
|
@ -37,10 +37,10 @@
|
|||
|
||||
{% macro page_content_metadata(page) %}
|
||||
<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
|
||||
</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
|
||||
</span>
|
||||
</span>
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
<span class="text-sm">Categories</span>
|
||||
{% 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) }}">
|
||||
<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">
|
||||
<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>
|
||||
|
|
@ -67,7 +67,7 @@
|
|||
<span class="text-sm">Tags</span>
|
||||
{% 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) }}">
|
||||
<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">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
{% for page in section.pages %}
|
||||
<a
|
||||
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
|
||||
{% if current_path == page.path %} activePage text-garage-orange border-opacity-100 border-garage-orange {% endif %}">
|
||||
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-aerogramme-blue border-opacity-100 border-aerogramme-blue {% endif %}">
|
||||
{{ page.title }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
<li class="relative">
|
||||
<a
|
||||
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 }}
|
||||
</a>
|
||||
{% if h1.pages %}
|
||||
|
|
@ -28,16 +28,16 @@
|
|||
id="btn-{{ h1.title | slugify }}"
|
||||
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;">
|
||||
<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>
|
||||
<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-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>
|
||||
<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 %}
|
||||
<li>
|
||||
<a
|
||||
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
|
||||
{% if current_path == h2.path %} activePage text-garage-orange font-semibold border-opacity-100 border-garage-orange {% endif %}">
|
||||
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-aerogramme-blue font-semibold border-opacity-100 border-aerogramme-blue {% endif %}">
|
||||
{{ h2.title }}
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
{% if page.toc %}
|
||||
<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>
|
||||
<ol class="text-sm space-y-0.5 px-8 py-3 list-decimal">
|
||||
{% for h1 in page.toc %}
|
||||
<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 %}
|
||||
<ul class="space-y-0.5 py-0.5">
|
||||
{% for h2 in h1.children %}
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
<a
|
||||
href="{{ h2.permalink | 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 }}
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<section class="w-full">
|
||||
<div class="mx-auto">
|
||||
<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>
|
||||
<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 %}
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
{% if left %}
|
||||
<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 }}"
|
||||
title="{{ left.title }}">
|
||||
<span class="icon">
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
|
||||
{% if right %}
|
||||
<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 }}"
|
||||
title="{{ right.title }}">
|
||||
<span class="icon">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
{{ 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">
|
||||
Built with <a href="https://www.getzola.org" target="_blank" class="font-semibold hover:text-garage-orange">Zola</a>,
|
||||
powered by <a href="{{config.base_url}}" class="font-semibold hover:text-garage-orange">Garage</a>,
|
||||
hosted by <a href="https://deuxfleurs.fr" target="_blank" class="font-semibold hover:text-garage-orange">Deuxfleurs</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-aerogramme-blue">Garage</a>,
|
||||
hosted by <a href="https://deuxfleurs.fr" target="_blank" class="font-semibold hover:text-aerogramme-blue">Deuxfleurs</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<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">
|
||||
<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"
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
<a
|
||||
href="{{ config.base_url }}/download/"
|
||||
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>
|
||||
<span class="hidden md:inline">Download</span>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
{% if paginator.previous or paginator.next %}
|
||||
<section class="section">
|
||||
<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 %}
|
||||
<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 %}>
|
||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
<ul class="flex space-x-4 px-4">
|
||||
{% for pager in range(start=1, end=paginator.number_pagers+1) %}
|
||||
<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}}">
|
||||
{{pager}}
|
||||
</a>
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
{% endfor %}
|
||||
</ul>
|
||||
{% 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 %}>
|
||||
<span>Next</span>
|
||||
<svg class="mt-0.5 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
|
||||
|
|
|
|||
|
|
@ -9,12 +9,12 @@
|
|||
<div class="control">
|
||||
<input
|
||||
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" />
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</section>
|
||||
<a
|
||||
|
|
|
|||
Loading…
Reference in a new issue