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>
|
<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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue