add basic style stuff
This commit is contained in:
parent
2533382212
commit
62cd366a52
2 changed files with 38 additions and 4 deletions
|
@ -12,16 +12,23 @@
|
|||
<header>
|
||||
<h1>{{ site.title }}</h1>
|
||||
</header>
|
||||
<main>
|
||||
{{ content }}
|
||||
</main>
|
||||
<footer>
|
||||
<div><p>{{ site.description }}</p></div>
|
||||
<div>
|
||||
<p>
|
||||
Email: <a href="mailto:owo@fef.moe">owo@fef.moe</a>
|
||||
<br>
|
||||
|
||||
Fediverse:
|
||||
<a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}">
|
||||
@{{ site.author.fedi.user }}@{{ site.author.fedi.host }}
|
||||
</a>
|
||||
<br>
|
||||
|
||||
<a href="/pgp.txt">PGP key</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
@ -1,11 +1,38 @@
|
|||
$color-primary: #ed02a7;
|
||||
$color-primary-dark: #a10a73;
|
||||
$color-primary: #e1327b;
|
||||
$color-secondary: #edcd1a;
|
||||
$color-secondary-dark: #a18802;
|
||||
$color-accent: #32eaed;
|
||||
$color-bg: #1f0016;
|
||||
$color-bg: #12042d;
|
||||
$content-width: 800px;
|
||||
|
||||
* {
|
||||
box-sizing: border-box; /* never gets old */
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: $color-bg;
|
||||
font-family: sans-serif;
|
||||
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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue