diff --git a/config.toml b/config.toml index f8390dd..ce23df7 100644 --- a/config.toml +++ b/config.toml @@ -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" diff --git a/data/benefits.json b/data/benefits.json new file mode 100644 index 0000000..bc6814a --- /dev/null +++ b/data/benefits.json @@ -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." + } +] diff --git a/data/faq.json b/data/faq.json new file mode 100644 index 0000000..cbbbfc3 --- /dev/null +++ b/data/faq.json @@ -0,0 +1,22 @@ +[ + { + "left": "question", + "right": "answer" + }, + { + "left": "question", + "right": "answer" + }, + { + "left": "question", + "right": "answer" + }, + { + "left": "question", + "right": "answer" + }, + { + "left": "question", + "right": "answer" + } +] \ No newline at end of file diff --git a/data/who_is_involved.json b/data/who_is_involved.json new file mode 100644 index 0000000..0348268 --- /dev/null +++ b/data/who_is_involved.json @@ -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." +} + + diff --git a/themes/cloud.autonomic.zone/assets/scss/main.scss b/themes/cloud.autonomic.zone/assets/scss/main.scss index cb63272..38e659e 100644 --- a/themes/cloud.autonomic.zone/assets/scss/main.scss +++ b/themes/cloud.autonomic.zone/assets/scss/main.scss @@ -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%; -} diff --git a/themes/cloud.autonomic.zone/layouts/index.html b/themes/cloud.autonomic.zone/layouts/index.html index 6606870..8b3e575 100644 --- a/themes/cloud.autonomic.zone/layouts/index.html +++ b/themes/cloud.autonomic.zone/layouts/index.html @@ -1,31 +1,8 @@ {{ define "main" }} -{{- partial "index/server-hero.html" . -}} - -
-
-
-
-

How is it similar do YunoHost?

-

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.

-
-
-

This is another question?

-

I'm baby tumblr activated charcoal forage, sustainable yr thundercats seitan selfies man braid post-ironic sartorial chia irony asymmetrical brunch.

-
-
-
-
-

Why is this the best service ever?

-

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.

-
-
-

How do I make £3000 a month while working from home?

-

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.

-
-
-
-
-{{- 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 }} diff --git a/themes/cloud.autonomic.zone/layouts/partials/index/autonomic-hero.html b/themes/cloud.autonomic.zone/layouts/partials/index/autonomic-hero.html index 2be27de..9d88c9b 100644 --- a/themes/cloud.autonomic.zone/layouts/partials/index/autonomic-hero.html +++ b/themes/cloud.autonomic.zone/layouts/partials/index/autonomic-hero.html @@ -1,11 +1,11 @@
-
-
-
+
+
+
Autonomic Logo
-

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.

+

{{ site.Data.who_is_involved.text }}

diff --git a/themes/cloud.autonomic.zone/layouts/partials/index/server-hero.html b/themes/cloud.autonomic.zone/layouts/partials/index/server-hero.html index 7165742..89ae2c3 100644 --- a/themes/cloud.autonomic.zone/layouts/partials/index/server-hero.html +++ b/themes/cloud.autonomic.zone/layouts/partials/index/server-hero.html @@ -1,14 +1,22 @@ -
-
-
-
-

- Setup your server with ease, -

-

- you already have everything at home. -

+
+
+
+
+
+

+ Setup your server with ease, +

+

+ you already have everything at home. +

+
+
+

Learn More

+ + + Down Chevron +
\ No newline at end of file diff --git a/themes/cloud.autonomic.zone/layouts/partials/index/underline_points.html b/themes/cloud.autonomic.zone/layouts/partials/index/underline_points.html new file mode 100644 index 0000000..5755dd2 --- /dev/null +++ b/themes/cloud.autonomic.zone/layouts/partials/index/underline_points.html @@ -0,0 +1,20 @@ +
+
+

{{ .title }}

+
+ {{ range $index, $item := .data }} + {{/* Don't place
if it is the first in the list */}} + {{ if gt $index 0 }}
{{ end }} +
+
+

{{ $item.left }}

+
+
+
+

{{ $item.right }}

+
+
+
+ {{ end }} +
+
\ No newline at end of file diff --git a/themes/cloud.autonomic.zone/static/svg/autonomic_logo_white.svg b/themes/cloud.autonomic.zone/static/svg/autonomic_logo_white.svg index 6a8f74c..dd5cc0a 100644 --- a/themes/cloud.autonomic.zone/static/svg/autonomic_logo_white.svg +++ b/themes/cloud.autonomic.zone/static/svg/autonomic_logo_white.svg @@ -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)"> + inkscape:document-rotation="0" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0"> @@ -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)"> + transform="translate(-40.300879,-37.06929)" + style="display:inline;fill:#feffff;fill-opacity:1"> @@ -87,17 +92,18 @@ + inkscape:label="font 1" + transform="translate(-0.058608,-0.052504)"> /AUTO|NOMIC\ + 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\ diff --git a/themes/cloud.autonomic.zone/static/svg/chevron-down-solid.svg b/themes/cloud.autonomic.zone/static/svg/chevron-down-solid.svg new file mode 100644 index 0000000..4ebbda7 --- /dev/null +++ b/themes/cloud.autonomic.zone/static/svg/chevron-down-solid.svg @@ -0,0 +1,60 @@ + + diff --git a/themes/cloud.autonomic.zone/static/svg/chevron-down.svg b/themes/cloud.autonomic.zone/static/svg/chevron-down.svg new file mode 100644 index 0000000..a0ef133 --- /dev/null +++ b/themes/cloud.autonomic.zone/static/svg/chevron-down.svg @@ -0,0 +1,50 @@ + +image/svg+xml + + + +