add basic style stuff

This commit is contained in:
anna 2021-02-11 15:55:26 +01:00
parent 2533382212
commit 62cd366a52
Signed by: fef
GPG key ID: EC22E476DC2D3D84
2 changed files with 38 additions and 4 deletions

View file

@ -12,16 +12,23 @@
<header> <header>
<h1>{{ site.title }}</h1> <h1>{{ site.title }}</h1>
</header> </header>
<main>
{{ content }}
</main>
<footer> <footer>
<div><p>{{ site.description }}</p></div> <div><p>{{ site.description }}</p></div>
<div> <div>
<p> <p>
Email: <a href="mailto:owo@fef.moe">owo@fef.moe</a> Email: <a href="mailto:owo@fef.moe">owo@fef.moe</a>
<br> <br>
Fediverse: Fediverse:
<a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}"> <a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}">
@{{ site.author.fedi.user }}@{{ site.author.fedi.host }} @{{ site.author.fedi.user }}@{{ site.author.fedi.host }}
</a> </a>
<br>
<a href="/pgp.txt">PGP key</a>
</p> </p>
</div> </div>
</footer> </footer>

View file

@ -1,11 +1,38 @@
$color-primary: #ed02a7; $color-primary: #e1327b;
$color-primary-dark: #a10a73;
$color-secondary: #edcd1a; $color-secondary: #edcd1a;
$color-secondary-dark: #a18802;
$color-accent: #32eaed; $color-accent: #32eaed;
$color-bg: #1f0016; $color-bg: #12042d;
$content-width: 800px;
* {
box-sizing: border-box; /* never gets old */
}
body { body {
background-color: $color-bg; background-color: $color-bg;
font-family: sans-serif;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
margin: 0;
}
header, footer {
padding: 20px;
}
header {
border-bottom: thin solid $color-primary;
}
footer {
border-top: thin solid $color-primary;
}
h1, h2, h3, h4, h5, h6 {
color: $color-primary;
}
h1 {
max-width: $content-width;
margin: 0 auto;
font-weight: 400;
} }