Too many changes to list tbh
This commit is contained in:
parent
ff387dbf72
commit
87e437d717
|
@ -1,22 +1,18 @@
|
|||
[
|
||||
{
|
||||
"left": "question",
|
||||
"right": "answer"
|
||||
"left": "How is it similar to Yunohost?",
|
||||
"right": "I’m baby pug normcore pabst, irony 8-bit cronut cray direct trade fingerstache. Flannel taxidermy yr health goth hell of chicharrones fixie. Leggings pop-up fashion axe you probably haven’t heard of them, brunch pabst mixtape actually cray chambray umami thundercats iceland deep."
|
||||
},
|
||||
{
|
||||
"left": "question",
|
||||
"right": "answer"
|
||||
"left": "Why is this the best service?",
|
||||
"right": "I’m baby pug normcore pabst, irony 8-bit cronut cray direct trade fingerstache. Flannel taxidermy yr health goth hell of chicharrones fixie. Leggings pop-up fashion axe you probably haven’t heard of them, brunch pabst mixtape actually cray chambray umami thundercats iceland deep."
|
||||
},
|
||||
{
|
||||
"left": "question",
|
||||
"right": "answer"
|
||||
"left": "This is another question?",
|
||||
"right": "I’m baby pug normcore pabst, irony 8-bit cronut cray direct trade fingerstache. Flannel taxidermy yr health goth hell of chicharrones fixie. Leggings pop-up fashion axe you probably haven’t heard of them, brunch pabst mixtape actually cray chambray umami thundercats iceland deep."
|
||||
},
|
||||
{
|
||||
"left": "question",
|
||||
"right": "answer"
|
||||
},
|
||||
{
|
||||
"left": "question",
|
||||
"right": "answer"
|
||||
"left": "How do I do the setup correctly?",
|
||||
"right": "I’m baby pug normcore pabst, irony 8-bit cronut cray direct trade fingerstache. Flannel taxidermy yr health goth hell of chicharrones fixie. Leggings pop-up fashion axe you probably haven’t heard of them, brunch pabst mixtape actually cray chambray umami thundercats iceland deep."
|
||||
}
|
||||
]
|
|
@ -25,17 +25,25 @@ $button-focus-box-shadow-size: 0;
|
|||
|
||||
@import "./bulma/bulma.sass";
|
||||
|
||||
@mixin public-sans-family($weight, $uri) {
|
||||
font-family: 'Public Sans';
|
||||
@mixin define-manrope-family($weight, $uri) {
|
||||
font-family: 'Manrope';
|
||||
src: url($uri) format("woff2");
|
||||
font-weight: $weight;
|
||||
}
|
||||
|
||||
@mixin thick-hr {
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@include public-sans-family(bold, '../font/publicsans-bold.woff2')
|
||||
@include define-manrope-family(bold, '../font/manrope.bold.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include public-sans-family(light, '../font/publicsans-light.woff2')
|
||||
@include define-manrope-family(300, '../font/manrope.light.woff2')
|
||||
}
|
||||
|
||||
@font-face {
|
||||
@include define-manrope-family(medium, '../font/manrope.medium.woff2')
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -43,7 +51,7 @@ body {
|
|||
color: $text-color;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: 'Public Sans', sans-serif;
|
||||
font-family: 'Manrope', sans-serif;
|
||||
}
|
||||
|
||||
.question {
|
||||
|
@ -60,44 +68,46 @@ body {
|
|||
}
|
||||
|
||||
|
||||
.section {
|
||||
.questions {
|
||||
$top-bottom-padding: 60px;
|
||||
padding-top: $top-bottom-padding;
|
||||
padding-bottom: $top-bottom-padding;
|
||||
}
|
||||
}
|
||||
|
||||
.hr-header {
|
||||
height: 4px;
|
||||
@include thick-hr();
|
||||
}
|
||||
|
||||
hr {
|
||||
background-color: $text-color;
|
||||
border: none;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.is-autonomic {
|
||||
background-color: $autonomic-red;
|
||||
color: $white;
|
||||
h1 {
|
||||
color: $white !important;
|
||||
}
|
||||
hr {
|
||||
@include thick-hr();
|
||||
background-color: $white;
|
||||
}
|
||||
a {
|
||||
color: $white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.content {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
#who-is-involved {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
#header {
|
||||
background-color: $coopcloud-pink;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.is-autonomic {
|
||||
background-color: $autonomic-red;
|
||||
color: $white;
|
||||
a {
|
||||
color: $white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
// Do not show server image when using mobile viewport
|
||||
// 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) {
|
||||
|
|
|
@ -1,8 +1,10 @@
|
|||
{{ define "main" }}
|
||||
|
||||
{{ partial "index/server-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) }}
|
||||
{{ partial "index/autonomic_hero.html" (dict "context" . "data" site.Data) }}
|
||||
{{ partial "index/open_collective.html" (dict "context" . "data" site.Data) }}
|
||||
|
||||
|
||||
{{ end }}
|
||||
|
|
|
@ -4,9 +4,9 @@
|
|||
{{ $title := print .Site.Title " | " .Title }}
|
||||
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
|
||||
{{/* scss compiling */}}
|
||||
{{ $options := (dict "targetPath" "css/style.css" "outputStyle" "compressed") }}
|
||||
{{ $cssOutput := "css/style.css" }}
|
||||
{{ $options := (dict "targetPath" $cssOutput "outputStyle" "compressed") }}
|
||||
{{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options }}
|
||||
<link href="{{ $style.Permalink }}" rel="stylesheet">
|
||||
{{/* <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css"> */}}
|
||||
<link href='{{ path.Join "/" $cssOutput }}' rel="stylesheet">
|
||||
<title>{{ $title }}</title>
|
||||
</head>
|
||||
|
|
|
@ -1,13 +0,0 @@
|
|||
<section class="section is-autonomic">
|
||||
<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">{{ site.Data.who_is_involved.text }}</p>
|
||||
<button class="button is-autonomic has-text-white is-large">visit: autonomic.zone</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
|
@ -0,0 +1,17 @@
|
|||
<section class="section is-autonomic">
|
||||
<div class ="container" id="who-is-involved">
|
||||
<div class="">
|
||||
<h1 class="is-uppercase is-size-3 has-text-weight-bold">Who is involved</h1>
|
||||
<hr class="hr-header has-background-white">
|
||||
</div>
|
||||
<div class="columns is-multiline is-tablet is-variable is-1 is-vcentered">
|
||||
<div class="column is-one-third is-full-mobile">
|
||||
<img id="autonomic-logo" alt="Autonomic Logo" width="350px" src="/svg/autonomic_logo_white.svg">
|
||||
</div>
|
||||
<div class="column is-half-widescreen is-two-thirds-tablet is-desktop">
|
||||
<p class="is-size-4 block">{{ site.Data.who_is_involved.text }}</p>
|
||||
<button class="button is-autonomic has-text-white is-large">visit: autonomic.zone</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
|
@ -0,0 +1,14 @@
|
|||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
<h1 class="is-uppercase">Open Collective</h1>
|
||||
<hr class="hr-header">
|
||||
<div class="columns">
|
||||
<div class="column is-size-4 is-widescreen is-full-tablet is-two-thirds">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ligula metus, accumsan at luctus feugiat, aliquam sit amet quam. Ut mi augue, facilisis eget pretium ut, placerat quis nisl. Fusce suscipit, ligula bibendum sodales suscipit, tortor odio blandit libero, vitae ullamcorper magna est nec arcu. Mauris a velit congue, imperdiet justo sit amet, faucibus leo. In purus ipsum, luctus quis molestie eget, pretium id velit. Mauris venenatis eu tortor id egestas. Aliquam elementum risus et mauris accumsan scelerisque. Pellentesque ultricies, lacus in viverra molestie, lorem est vehicula elit, in lobortis metus sem nec sem. Donec nec lobortis ex.</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="hr-header">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
|
@ -2,16 +2,21 @@
|
|||
<div class="container content">
|
||||
<h1 class="is-uppercase">{{ .title }}</h1>
|
||||
<hr class="hr-header">
|
||||
{{ $title := lower .title }}
|
||||
{{ 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 class="columns is-variable is-8">
|
||||
<div class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen">
|
||||
{{ if eq $title "benefits" }}
|
||||
<h2 class="is-uppercase is-size-3 has-text-weight-medium">{{ $item.left }}</h2>
|
||||
{{ else }}
|
||||
<h2 class="is-uppercase is-size-4 has-text-weight-medium">{{ $item.left }}</h2>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="column is-half">
|
||||
<div class="column is-two-thirds-desktop is-three-fifths-widescreen">
|
||||
<div class="is-size-4">
|
||||
<p class="block">{{ $item.right }}</p>
|
||||
<p class="block has-text-weight-light">{{ $item.right }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue