fixed fonts, added spacing in autonomic hero

This commit is contained in:
Roxie Gibson 2021-03-30 21:12:15 +01:00
parent c045f74193
commit a15aca7c59
Signed by untrusted user: roxxers
GPG Key ID: 5D0140EDEE123F4D
3 changed files with 14 additions and 6 deletions

View File

@ -62,7 +62,10 @@ body {
color: $text-color; color: $text-color;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: 'Manrope', sans-serif; }
body >* {
font-family: 'Manrope', sans-serif !important;
} }
.question { .question {
@ -84,6 +87,7 @@ body {
button { button {
border-radius: 0 !important; border-radius: 0 !important;
font-family: 'Manrope', sans-serif !important;
} }
button.grey-button { button.grey-button {
@ -129,6 +133,10 @@ hr {
.is-autonomic { .is-autonomic {
background-color: $autonomic-red; background-color: $autonomic-red;
color: $white; color: $white;
p {
font-weight: 300;
}
h1 { h1 {
color: $white !important; color: $white !important;
} }

View File

@ -4,11 +4,11 @@
<h1 class="is-uppercase is-size-3 has-text-weight-bold">Who is involved</h1> <h1 class="is-uppercase is-size-3 has-text-weight-bold">Who is involved</h1>
<hr class="hr-header has-background-white"> <hr class="hr-header has-background-white">
</div> </div>
<div class="columns is-multiline is-tablet is-variable is-5 is-vcentered"> <div class="columns is-multiline is-tablet is-variable is-vcentered">
<div class="column is-one-third is-full-mobile"> <div class="column is-one-quarter is-full-mobile">
<img id="autonomic-logo" alt="Autonomic Logo" width="350px" src="/svg/autonomic_logo_white.svg"> <img id="autonomic-logo" alt="Autonomic Logo" width="350px" src="/svg/autonomic_logo_white.svg">
</div> </div>
<div class="column is-half-widescreen is-two-thirds-tablet is-desktop"> <div class="column is-half-widescreen is-two-thirds-tablet is-offset-1 is-desktop">
<p class="is-size-4 block">{{ site.Data.who_is_involved.text }}</p> <p class="is-size-4 block">{{ site.Data.who_is_involved.text }}</p>
<button class="button is-autonomic has-text-white is-large"><a href="{{ site.Params.links.autonomicSite }}">visit: autonomic.zone</a></button> <button class="button is-autonomic has-text-white is-large"><a href="{{ site.Params.links.autonomicSite }}">visit: autonomic.zone</a></button>
</div> </div>

View File

@ -6,8 +6,8 @@
<p id="community-project" class="is-size-3"> <p id="community-project" class="is-size-3">
This is a community project. This is a community project.
</p> </p>
<div class=""> <div>
<button id="get-involved" class="button grey-button is-uppercase is-medium has-text-weight-bold">Get involved</button> <button id="get-involved" class="button grey-button is-uppercase is-medium has-text-weight-bold"><a href="{{ site.Params.links.getinvolved}}">Get involved</a></button>
</div> </div>
</div> </div>
</section> </section>