added proper templating
continuous-integration/drone/push Build is failing Details

This commit is contained in:
Roxie Gibson 2021-03-29 16:40:10 +01:00
parent 7950505e64
commit ff387dbf72
Signed by untrusted user: roxxers
GPG Key ID: 5D0140EDEE123F4D
12 changed files with 251 additions and 80 deletions

View File

@ -12,3 +12,9 @@ theme = "cloud.autonomic.zone"
name = "Documentation"
url = "https://docs.cloud.autonomic.zone"
weight = 2
# HACK: DO NOT REMOVE
# For some reason, having 0 params means that the Data map does not work.
[Params]
hello = "world"

18
data/benefits.json Normal file
View File

@ -0,0 +1,18 @@
[
{
"left": "private",
"right": "Automatic SSL encryption for all apps;\nApplication level isolation with Docker, or easily use a separate VPS for tighter security."
},
{
"left": "transparent",
"right": "Automatic SSL encryption for all apps;\nApplication level isolation with Docker, or easily use a separate VPS for tighter security."
},
{
"left": "collaborative",
"right": "Automatic SSL encryption for all apps;\nApplication level isolation with Docker, or easily use a separate VPS for tighter security."
},
{
"left": "STH ELSE ETC",
"right": "Automatic SSL encryption for all apps;\nApplication level isolation with Docker, or easily use a separate VPS for tighter security."
}
]

22
data/faq.json Normal file
View File

@ -0,0 +1,22 @@
[
{
"left": "question",
"right": "answer"
},
{
"left": "question",
"right": "answer"
},
{
"left": "question",
"right": "answer"
},
{
"left": "question",
"right": "answer"
},
{
"left": "question",
"right": "answer"
}
]

View File

@ -0,0 +1,5 @@
{
"text" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies, lacus iaculis mollis vulputate, massa sem luctus velit, eu laoreet mi risus vel metus. Aenean sit amet massa eu dolor."
}

View File

@ -61,17 +61,6 @@ body {
.section {
padding: 0 5%;
#who-is-involved {
padding: 60px 10%;
.column{
padding: 0, 30px;
}
h1 {
font-size: 2rem;
}
}
.questions {
$top-bottom-padding: 60px;
padding-top: $top-bottom-padding;
@ -79,6 +68,20 @@ body {
}
}
.hr-header {
height: 4px;
}
hr {
background-color: $text-color;
border: none;
height: 1px;
.is-autonomic {
background-color: $white;
}
}
#header {
background-color: $coopcloud-pink;
padding: 10px;
@ -96,7 +99,8 @@ body {
}
// Do not show server image when using mobile viewport
@media all and (min-width: 768px) {
// Is a little bigger than the actual mobile viewport in bulma due to the text overlapping with the server icon
@media all and (min-width: 769px) {
#server-hero {
background-image: url("/svg/hero-server.svg");
background-repeat: no-repeat;
@ -104,8 +108,3 @@ body {
background-position: calc(100% - 20px) ;
}
}
.page {
padding: 0 7.5%;
}

View File

@ -1,31 +1,8 @@
{{ define "main" }}
{{- partial "index/server-hero.html" . -}}
<section class="section">
<div class="container questions">
<div class="columns is-desktop">
<div class="column question">
<h2>How is it similar do YunoHost?</h2>
<p>I'm baby small batch street art pinterest snackwave. Asymmetrical art party sustainable williamsburg kogi iceland. Actually cliche synth microdosing ramps, typewriter yr XOXO crucifix DIY meggings you probably haven't heard of them.</p>
</div>
<div class="column question">
<h2>This is another question?</h2>
<p>I'm baby tumblr activated charcoal forage, sustainable yr thundercats seitan selfies man braid post-ironic sartorial chia irony asymmetrical brunch.</p>
</div>
</div>
<div class="columns is-desktop">
<div class="column question">
<h2>Why is this the best service ever?</h2>
<p>Slow-carb vice butcher artisan raw denim offal keffiyeh mixtape copper mug chambray crucifix pug distillery. Celiac godard tousled taxidermy. Lumbersexual selfies retro, swag health goth YOLO pour-over. Raclette quinoa stumptown artisan vape yr vice street art tofu chambray.</p>
</div>
<div class="column question">
<h2>How <em>do</em> I make £3000 a month while working from home?</h2>
<p>Crucifix mustache artisan wayfarers, raw denim green juice prism poke jianbing celiac slow-carb. Tote bag snackwave single-origin coffee hell of cloud bread. Franzen try-hard kickstarter vice cornhole truffaut. Pok pok next level whatever af semiotics, bicycle rights brunch.</p>
</div>
</div>
</div>
</section>
{{- partial "index/autonomic-hero.html" . -}}
{{ partial "index/server-hero.html" . }}
{{ partial "index/underline_points.html" (dict "context" . "title" "benefits" "data" site.Data.benefits) }}
{{ partial "index/underline_points.html" (dict "context" . "title" "faq" "data" site.Data.faq) }}
{{ partial "index/autonomic-hero.html" (dict "context" . "data" $.Site.Data "pages" $.Site.Pages) }}
{{ end }}

View File

@ -1,11 +1,11 @@
<section class="section is-autonomic">
<div id="who-is-involved">
<div class="columns is-centered is-vcentered">
<div class="column is-one-quarter">
<div class ="container" id="who-is-involved">
<div class="columns is-multiline is-variable is-2 is-vcentered">
<div class="column is-one-third">
<img alt="Autonomic Logo" width="400px" src="/svg/autonomic_logo_white.svg">
</div>
<div class="column is-half">
<p class="is-size-5 block">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies, lacus iaculis mollis vulputate, massa sem luctus velit, eu laoreet mi risus vel metus. Aenean sit amet massa eu dolor.</p>
<p class="is-size-5 block">{{ site.Data.who_is_involved.text }}</p>
<button class="button is-autonomic has-text-white is-large">visit: autonomic.zone</button>
</div>
</div>

View File

@ -1,14 +1,22 @@
<section id="server-hero" class="hero is-large">
<div class="hero-body has-text-centered">
<div class="columns is-centered">
<div class="column is-one-third-widescreen is-two-thirds-desktop is-two-thirds-tablet">
<p class="title is-size-2">
Setup your server with ease,
</p>
<p class="subtitle is-size-2">
you already have everything at home.
</p>
<section id="server-hero" class="hero is-medium">
<div class="container">
<div class="hero-body has-text-centered">
<div class="columns is-centered">
<div class="column is-four-fifths-desktop is-two-thirds-tablet">
<p class="title is-size-2">
Setup your server with ease,
</p>
<p class="subtitle is-size-2">
you already have everything at home.
</p>
</div>
</div>
</div>
<div class="hero-foot has-text-centered ">
<p class="is-size-3"><b>Learn More</b></p>
<!-- SVG provided by LineIcons https://lineicons.com under CC BY-SA 4.0 -->
<!-- Colour has been changed and this SVG is also licensed under CC BY-SA 4.0 as per its license requirements -->
<a><img alt="Down Chevron" width="40px" src="/svg/chevron-down.svg"></a>
</div>
</div>
</section>

View File

@ -0,0 +1,20 @@
<section class="section">
<div class="container content">
<h1 class="is-uppercase">{{ .title }}</h1>
<hr class="hr-header">
{{ range $index, $item := .data }}
{{/* Don't place <hr> if it is the first in the list */}}
{{ if gt $index 0 }}<hr>{{ end }}
<div class="columns">
<div class="column is-one-quarter">
<h3 class="is-uppercase is-size-3">{{ $item.left }}</h2>
</div>
<div class="column is-half">
<div class="is-size-4">
<p class="block">{{ $item.right }}</p>
</div>
</div>
</div>
{{ end }}
</div>
</section>

View File

@ -9,9 +9,9 @@
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg901"
width="529.06665"
height="484.26666"
viewBox="0 0 529.06665 484.26666"
width="441.77377"
height="370.45795"
viewBox="0 0 441.77377 370.45794"
sodipodi:docname="autonomic_logo_white.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
<metadata
@ -43,28 +43,32 @@
showgrid="false"
showguides="true"
inkscape:guide-bbox="true"
inkscape:zoom="0.70710678"
inkscape:cx="287.88484"
inkscape:cy="224.67978"
inkscape:zoom="0.5"
inkscape:cx="600.56652"
inkscape:cy="123.55993"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
inkscape:document-rotation="0">
inkscape:document-rotation="0"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
<sodipodi:guide
position="264.72392,133.30299"
position="264.66531,19.546778"
orientation="1,0"
id="guide6297" />
<sodipodi:guide
position="398.69774,362.18026"
position="398.63913,248.42405"
orientation="1,0"
id="guide836" />
<sodipodi:guide
position="131.8607,368.4363"
position="131.80209,254.68009"
orientation="1,0"
id="guide838" />
<sodipodi:guide
position="47.78125,394.17291"
position="47.722642,280.4167"
orientation="1,0"
id="guide840" />
</sodipodi:namedview>
@ -72,13 +76,14 @@
inkscape:groupmode="layer"
id="layer1"
inkscape:label="Image 1"
style="display:inline">
style="display:inline"
transform="translate(-0.058608,-0.052504)">
<g
id="g6283"
transform="translate(-0.33327966,-0.582944)"
style="display:inline;fill:#ffffff;fill-opacity:1">
transform="translate(-40.300879,-37.06929)"
style="display:inline;fill:#feffff;fill-opacity:1">
<path
style="opacity:1;fill:#ffffff;stroke-width:1.06667;fill-opacity:1"
style="opacity:1;fill:#feffff;fill-opacity:1;stroke-width:1.06667"
d="m 265.85061,350.50909 -0.79341,0.43484 -43.19061,-24.34142 -42.13333,-24.34142 -24.0329,-13.87388 -23.50638,-13.89599 -45.826952,14.73333 c -15.470929,4.29952 -45.980651,15.05668 -45.980651,15.05668 l -0.02689,-6.77971 c 0,0 32.651903,-10.58617 48.973773,-15.89205 l 39.73333,-12.91641 v -74.4088 -74.40884 L 105.33326,112.12419 81.599927,104.37297 64.799928,98.877912 48.11453,93.382855 c 0.0026,-2.782182 -0.0062,-6.392142 -0.01723,-6.413409 l 84.09668,26.674154 66.03677,-38.282896 66.82645,-38.23891 133.97382,76.309766 83.10223,-47.829265 -0.017,3.99732 -0.017,3.466667 -79.92234,45.866668 -0.0219,76.96337 -0.0219,76.96336 c 0,0 -137.07591,78.68694 -136.28264,77.6495 z m 5.14076,-9.56508 5.92478,-3.34448 59.38209,-34.13334 59.38211,-34.13333 0.0265,-74.87111 0.0264,-74.87111 -130.67605,-75.053473 -64.94391,37.197845 -64.59572,37.197848 -0.0255,75.27742 -0.0255,75.27742 64.8,37.40039 64.8,37.40038 z m -0.84503,-23.95423 -3.45358,2.1009 -1.26416,-2.77451 -1.53826,-3.45216 c 17.17567,-9.96363 35.25386,-20.06932 52.72094,-30.10953 l 50.47803,-29.01512 1.33197,-0.51113 1.33198,-0.51114 1.21644,2.6698 1.21644,2.66979 -0.75978,0.44828 -0.75978,0.44827 -48.53333,27.96782 -48.53333,27.96782 z M 159.99999,254.93333 H 156.8 v -60.8 -60.8 h 3.19999 3.2 v 60.8 60.8 z m 157.86667,-148.40798 -49.6,-28.751318 -2.37274,-1.302542 -2.37273,-1.30254 1.8394,-2.774615 1.8394,-2.774613 51.2,29.755606 51.2,29.755612 1.44382,0.87209 1.4438,0.87209 c 0,0 -3.70277,5.23162 -3.61745,5.14513 0,0 -34.03025,-19.65613 -51.0035,-29.4949 z"
id="path6285"
sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
@ -87,17 +92,18 @@
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="font 1">
inkscape:label="font 1"
transform="translate(-0.058608,-0.052504)">
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:44px;line-height:1.25;font-family:sans-serif;letter-spacing:-3px;display:inline;fill:#ffffff;fill-opacity:1;stroke:none;"
x="66.027107"
y="400.44077"
style="font-style:normal;font-weight:normal;font-size:44px;line-height:1.25;font-family:sans-serif;letter-spacing:-3px;display:inline;fill:#feffff;fill-opacity:1;stroke:none;"
x="26.059509"
y="363.95444"
id="text1530-7-2"><tspan
sodipodi:role="line"
id="tspan1528-2-1"
x="66.027107"
y="400.44077"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:44px;font-family:'Rubik Mono One';-inkscape-font-specification:'Rubik Mono One';fill:#ffffff;fill-opacity:1;">/AUTO|NOMIC\</tspan></text>
x="26.059509"
y="363.95444"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:44px;font-family:'Rubik Mono One';-inkscape-font-specification:'Rubik Mono One';fill:#feffff;fill-opacity:1;">/AUTO|NOMIC\</tspan></text>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
aria-hidden="true"
focusable="false"
data-prefix="fas"
data-icon="chevron-down"
class="svg-inline--fa fa-chevron-down fa-w-14"
role="img"
viewBox="0 0 448 512"
version="1.1"
id="svg4"
sodipodi:docname="chevron-down-solid.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1020"
id="namedview6"
showgrid="false"
inkscape:zoom="1.6464844"
inkscape:cx="226.7331"
inkscape:cy="256"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4"
inkscape:document-rotation="0" />
<path
fill="currentColor"
d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"
id="path2"
style="fill:#1c1c1c;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_2_1_"
x="0px"
y="0px"
viewBox="0 0 64 64"
style="enable-background:new 0 0 64 64;"
xml:space="preserve"
sodipodi:docname="chevron-down.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
id="metadata11"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs9" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1020"
id="namedview7"
showgrid="false"
inkscape:zoom="13.171875"
inkscape:cx="32.341637"
inkscape:cy="32"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_2_1_" />
<g
id="g4"
style="fill:#1c1c1c;fill-opacity:1">
<path
d="M32,48.1c-1.3,0-2.4-0.5-3.5-1.3L0.8,20.7c-1.1-1.1-1.1-2.7,0-3.7c1.1-1.1,2.7-1.1,3.7,0L32,42.8l27.5-26.1 c1.1-1.1,2.7-1.1,3.7,0c1.1,1.1,1.1,2.7,0,3.7L35.5,46.5C34.4,47.9,33.3,48.1,32,48.1z"
id="path2"
style="fill:#1c1c1c;fill-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB