Started converting to new design by ana.
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
335824838a
commit
9f4ae7f65d
GPG Key ID:
5D0140EDEE123F4D
File diff suppressed because one or more lines are too long
|
|
@ -1,9 +1,22 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "./bulma/sass/utilities/_all.sass";
|
||||
@import "./bulma/sass/layout/_all.sass";
|
||||
@import "./bulma/sass/grid/_all.sass";
|
||||
|
||||
// Branding
|
||||
$autonomic-main-color: #EE4A33;
|
||||
$coopcloud-blue: #202674;
|
||||
$coopcloud-pink: #ff4f88;
|
||||
$text-color: #1C1C1C;
|
||||
$bg-color: #EFEFEF;
|
||||
|
||||
$footer-background-color: $coopcloud-blue;
|
||||
$footer-color: true;
|
||||
|
||||
$danger: $autonomic-main-color;
|
||||
|
||||
// HACK: Changing button behaviour globally as quick fix for the "visit: autonomic.zone" button
|
||||
$button-border-width: 2px;
|
||||
$button-hover-border-color: white;
|
||||
|
||||
@import "./bulma/bulma.sass";
|
||||
|
||||
@mixin public-sans-family($weight, $uri) {
|
||||
font-family: 'Public Sans';
|
||||
|
|
@ -11,28 +24,19 @@ $autonomic-main-color: #EE4A33;
|
|||
font-weight: $weight;
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
@include public-sans-family(bold, '../font/publicsans-bold.woff2')
|
||||
}
|
||||
@font-face {
|
||||
@include public-sans-family(light, '../font/publicsans-light.woff2')
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
font-family: 'Public Sans', sans-serif;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.5em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #323232;
|
||||
background-color: $bg-color;
|
||||
color: $text-color;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: 'Public Sans', sans-serif;
|
||||
}
|
||||
|
||||
.question {
|
||||
|
|
@ -62,6 +66,7 @@ body {
|
|||
}
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.questions {
|
||||
|
|
@ -71,14 +76,28 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
#header {
|
||||
background-color: $coopcloud-pink;
|
||||
padding: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.is-autonomic {
|
||||
background-color: $autonomic-main-color;
|
||||
}
|
||||
|
||||
.autonomic-hero {
|
||||
color: white;
|
||||
// Do not show server image when using mobile viewport
|
||||
@media all and (min-width: 768px) {
|
||||
#server-hero {
|
||||
background-image: url("/svg/hero-server.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 20%;
|
||||
background-position: calc(100% - 20px) ;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.page {
|
||||
padding: 0 7.5%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
{{ define "main" }}
|
||||
<div id="home-jumbotron" class="jumbotron text-center">
|
||||
<h1 class="title">{{ .Site.Title }}</h1>
|
||||
</div>
|
||||
|
||||
{{- partial "index/server-hero.html" . -}}
|
||||
|
||||
<section class="section">
|
||||
<div class="container questions">
|
||||
|
|
@ -28,40 +26,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="is-autonomic">
|
||||
<div class="section">
|
||||
<div class="hero-body">
|
||||
<div id="who-is-involved">
|
||||
<div class="columns is-desktop is-vcentered is-centered is-8">
|
||||
<div id="column is-one-third autonomic-logo">
|
||||
<img alt="Autonomic Logo" width="400px" src="/svg/autonomic_logo_white.svg">
|
||||
</div>
|
||||
<div id="column is-half autonomic-fluff-text">
|
||||
<p>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>
|
||||
<h1>visit: <a href="https://autonomic.zone">autonomic.zone</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
First column
|
||||
</div>
|
||||
<div class="column">
|
||||
Second column
|
||||
</div>
|
||||
<div class="column">
|
||||
Third column
|
||||
</div>
|
||||
<div class="column">
|
||||
Fourth column
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{{- partial "index/autonomic-hero.html" . -}}
|
||||
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,9 @@
|
|||
<p class="footer text-center">
|
||||
Anti-Copyright {{ now.Format "2006"}} Autonomic Cooperative
|
||||
</p>
|
||||
|
||||
|
||||
<footer class="footer">
|
||||
<div class="content has-text-centered has-text-white">
|
||||
<p>
|
||||
Anti-Copyright {{ now.Format "2006"}} Autonomic Cooperative
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
@ -7,5 +7,6 @@
|
|||
{{ $options := (dict "targetPath" "css/style.css" "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"> */}}
|
||||
<title>{{ $title }}</title>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div id="nav-border" class="container">
|
||||
{{/* <div id="nav-border" class="container">
|
||||
<nav id="nav" class="nav justify-content-center">
|
||||
{{ range .Site.Menus.main }}
|
||||
<a class="nav-link" href="{{ .URL }}">
|
||||
|
|
@ -7,4 +7,10 @@
|
|||
</a>
|
||||
{{ end }}
|
||||
</nav>
|
||||
</div>
|
||||
</div> */}}
|
||||
|
||||
<nav id="header" class="level is-mobile">
|
||||
<p class="level-item has-text-centered">
|
||||
<img src="/svg/coopcloud_logo_grey.svg" alt="CoopCloud Logo" style="height: 100px;">
|
||||
</p>
|
||||
</nav>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<section class="section is-autonomic">
|
||||
<div id="who-is-involved">
|
||||
<div class="columns is-centered is-vcentered">
|
||||
<div class="column is-one-quarter">
|
||||
<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>
|
||||
<button class="button is-autonomic has-text-white is-large">visit: autonomic.zone</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 163 KiB |
|
|
@ -0,0 +1,122 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 928 1080" style="enable-background:new 0 0 928 1080;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#808080;}
|
||||
.st1{fill:#4D4D4D;}
|
||||
.st2{fill:#00FF00;}
|
||||
.st3{fill:#999999;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st0" points="40.19,695.75 40.19,853.87 466.22,1055.9 466.22,893.4 "/>
|
||||
<polygon class="st1" points="887.86,853.87 466.22,1055.9 466.22,893.4 887.86,695.75 "/>
|
||||
<g>
|
||||
<path class="st2" d="M79.71,831.91c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78c4.85,0,8.78,3.93,8.78,8.78
|
||||
v52.71C88.5,827.97,84.57,831.91,79.71,831.91z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M110.46,845.08c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C119.24,841.15,115.31,845.08,110.46,845.08z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st2" d="M141.2,858.26c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C149.99,854.33,146.05,858.26,141.2,858.26z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st2" d="M171.95,871.44c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C180.73,867.5,176.8,871.44,171.95,871.44z"/>
|
||||
</g>
|
||||
<path d="M207.08,864.07v16.91c0,2.22,1.29,4.23,3.3,5.16l170.3,78.92c3.02,1.4,6.48-0.81,6.48-4.14v-17.78
|
||||
c0-3.55-2.06-6.78-5.28-8.27l-165.54-76.71C212.02,856.16,207.08,859.31,207.08,864.07z"/>
|
||||
<path d="M215.87,826.71v11.45c0,3.24,1.87,6.19,4.8,7.58l14.97,7.09c5.1,2.42,10.98-1.3,10.98-6.95v-10.41
|
||||
c0-4.01-2.31-7.67-5.94-9.39l-13.63-6.46C221.85,817.17,215.87,820.96,215.87,826.71z"/>
|
||||
<path d="M255.4,844.28v11.45c0,3.24,1.87,6.19,4.8,7.58l14.97,7.09c5.1,2.42,10.98-1.3,10.98-6.95v-10.41
|
||||
c0-4.01-2.31-7.67-5.94-9.39l-13.63-6.46C261.38,834.74,255.4,838.53,255.4,844.28z"/>
|
||||
<g>
|
||||
<polygon points="466.23,1058.83 465.09,1058.29 39.06,856.25 41.31,851.49 466.21,1052.98 886.72,851.49 889,856.24 "/>
|
||||
</g>
|
||||
<polygon class="st0" points="40.19,537.64 40.19,695.75 466.22,897.79 466.22,735.28 "/>
|
||||
<polygon class="st1" points="887.86,695.75 466.22,897.79 466.22,735.28 887.86,537.64 "/>
|
||||
<g>
|
||||
<path d="M79.71,673.79c-4.85,0-8.78-3.93-8.78-8.78V612.3c0-4.85,3.93-8.78,8.78-8.78c4.85,0,8.78,3.93,8.78,8.78v52.71
|
||||
C88.5,669.86,84.57,673.79,79.71,673.79z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M110.46,686.97c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C119.24,683.03,115.31,686.97,110.46,686.97z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st2" d="M141.2,700.14c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C149.99,696.21,146.05,700.14,141.2,700.14z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st2" d="M171.95,713.32c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C180.73,709.39,176.8,713.32,171.95,713.32z"/>
|
||||
</g>
|
||||
<path d="M207.08,705.95v16.91c0,2.22,1.29,4.23,3.3,5.16l170.3,78.92c3.02,1.4,6.48-0.81,6.48-4.14v-17.78
|
||||
c0-3.55-2.06-6.78-5.28-8.27l-165.54-76.71C212.02,698.04,207.08,701.19,207.08,705.95z"/>
|
||||
<path class="st2" d="M215.87,668.59v11.45c0,3.24,1.87,6.19,4.8,7.58l14.97,7.09c5.1,2.42,10.98-1.3,10.98-6.95v-10.41
|
||||
c0-4.01-2.31-7.67-5.94-9.39l-13.63-6.46C221.85,659.06,215.87,662.85,215.87,668.59z"/>
|
||||
<path class="st2" d="M255.4,686.16v11.45c0,3.24,1.87,6.19,4.8,7.58l14.97,7.09c5.1,2.42,10.98-1.3,10.98-6.95v-10.41
|
||||
c0-4.01-2.31-7.67-5.94-9.39l-13.63-6.46C261.38,676.63,255.4,680.41,255.4,686.16z"/>
|
||||
<g>
|
||||
<polygon points="466.23,900.71 465.09,900.17 39.06,698.13 41.31,693.37 466.21,894.87 886.72,693.38 889,698.13 "/>
|
||||
</g>
|
||||
<polygon class="st0" points="40.19,379.52 40.19,537.64 466.22,739.67 466.22,577.17 "/>
|
||||
<polygon class="st1" points="887.86,537.64 466.22,739.67 466.22,577.17 887.86,379.52 "/>
|
||||
<g>
|
||||
<path d="M79.71,515.68c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78c4.85,0,8.78,3.93,8.78,8.78v52.71
|
||||
C88.5,511.74,84.57,515.68,79.71,515.68z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M110.46,528.85c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C119.24,524.92,115.31,528.85,110.46,528.85z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st2" d="M141.2,542.03c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C149.99,538.1,146.05,542.03,141.2,542.03z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M171.95,555.2c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C180.73,551.27,176.8,555.2,171.95,555.2z"/>
|
||||
</g>
|
||||
<path d="M207.08,547.84v16.91c0,2.22,1.29,4.23,3.3,5.16l170.3,78.92c3.02,1.4,6.48-0.81,6.48-4.14v-17.78
|
||||
c0-3.55-2.06-6.78-5.28-8.27l-165.54-76.71C212.02,539.92,207.08,543.08,207.08,547.84z"/>
|
||||
<path d="M215.87,510.48v11.45c0,3.24,1.87,6.19,4.8,7.58l14.97,7.09c5.1,2.42,10.98-1.3,10.98-6.95v-10.41
|
||||
c0-4.01-2.31-7.67-5.94-9.39l-13.63-6.46C221.85,500.94,215.87,504.73,215.87,510.48z"/>
|
||||
<path class="st2" d="M255.4,528.04v11.45c0,3.24,1.87,6.19,4.8,7.58l14.97,7.09c5.1,2.42,10.98-1.3,10.98-6.95v-10.41
|
||||
c0-4.01-2.31-7.67-5.94-9.39l-13.63-6.46C261.38,518.51,255.4,522.3,255.4,528.04z"/>
|
||||
<g>
|
||||
<polygon points="466.23,742.59 465.09,742.05 39.06,540.02 41.31,535.26 466.21,736.75 886.72,535.26 889,540.01 "/>
|
||||
</g>
|
||||
<polygon class="st3" points="40.19,221.4 466.22,419.05 887.86,221.4 466.22,19.37 "/>
|
||||
<polygon class="st0" points="40.19,221.4 40.19,379.52 466.22,581.56 466.22,419.05 "/>
|
||||
<polygon class="st1" points="887.86,379.52 466.22,581.56 466.22,419.05 887.86,221.4 "/>
|
||||
<g>
|
||||
<path d="M79.71,357.56c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78c4.85,0,8.78,3.93,8.78,8.78v52.71
|
||||
C88.5,353.63,84.57,357.56,79.71,357.56z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M110.46,370.74c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C119.24,366.8,115.31,370.74,110.46,370.74z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M141.2,383.91c-4.85,0-8.78-3.93-8.78-8.78v-52.71c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C149.99,379.98,146.05,383.91,141.2,383.91z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M171.95,397.09c-4.85,0-8.78-3.93-8.78-8.78V335.6c0-4.85,3.93-8.78,8.78-8.78s8.78,3.93,8.78,8.78v52.71
|
||||
C180.73,393.16,176.8,397.09,171.95,397.09z"/>
|
||||
</g>
|
||||
<path d="M207.08,389.72v16.91c0,2.22,1.29,4.23,3.3,5.16l170.3,78.92c3.02,1.4,6.48-0.81,6.48-4.14v-17.78
|
||||
c0-3.55-2.06-6.78-5.28-8.27l-165.54-76.71C212.02,381.81,207.08,384.96,207.08,389.72z"/>
|
||||
<path d="M215.87,352.36v11.45c0,3.24,1.87,6.19,4.8,7.58l14.97,7.09c5.1,2.42,10.98-1.3,10.98-6.95v-10.41
|
||||
c0-4.01-2.31-7.67-5.94-9.39l-13.63-6.46C221.85,342.83,215.87,346.61,215.87,352.36z"/>
|
||||
<path class="st2" d="M255.4,369.93v11.45c0,3.24,1.87,6.19,4.8,7.58l14.97,7.09c5.1,2.42,10.98-1.3,10.98-6.95V378.7
|
||||
c0-4.01-2.31-7.67-5.94-9.39l-13.63-6.46C261.38,360.39,255.4,364.18,255.4,369.93z"/>
|
||||
<g>
|
||||
<polygon points="466.23,584.48 465.09,583.94 39.06,381.9 41.31,377.14 466.21,578.64 886.72,377.14 889,381.9 "/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.9 KiB |
Loading…
Reference in New Issue