Update style and layouts

This commit is contained in:
Jake 2021-04-06 14:53:42 +00:00
parent 4b0f405e1e
commit 014cc54a50
4 changed files with 106 additions and 3 deletions

View File

@ -16,10 +16,29 @@ title: jakew
body {
text-transform: lowercase;
}
.purple a {
color: #5D3991;
}
.purple a:hover {
background-color: #DED0F2;
}
.purple .header {
background-color: #CBB2F0;
color: #5D3991;
}
.purple pre {
background-color: #F0E9FA;
color: #2E1C4A;
}
.purple code {
background-color: #F0E9FA;
color: #2E1C4A;
}
</style>
</head>
<body>
<div class="header header-blue">
<body class="purple">
<div class="header">
<h1 style="white-space: pre-line">{{ title }}</h1>
</div>
@ -43,6 +62,11 @@ title: jakew
<hr class="zag">
{{ content | safe }}
<hr class="zig">
<hr class="zag">
<p>[<a href="https://tildegit.org/jakew/sl-site">source code</a>]</p>
</main>
</body>
</html>

78
_includes/tips.njk Normal file
View File

@ -0,0 +1,78 @@
---
title: jakew
---
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ title }}</title>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='https://southlondon.cc/main.css'>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<script src='https://southlondon.cc/main.js'></script>
<style>
body {
text-transform: lowercase;
}
.purple a {
color: #5D3991;
}
.purple a:hover {
background-color: #DED0F2;
}
.purple .header {
background-color: #CBB2F0;
color: #5D3991;
}
.purple pre {
background-color: #F0E9FA;
color: #2E1C4A;
}
.purple code {
background-color: #F0E9FA;
color: #2E1C4A;
}
</style>
</head>
<body class="purple">
<div class="header">
<h1 style="white-space: pre-line">{{ title }}</h1>
</div>
<main>
<div class="nav">
{% set navPages = collections.all | eleventyNavigation %}
<p style="text-align: center;">
{%- for entry in navPages -%}
<a {% if entry.url == page.url %}style="font-weight: 900;"{% endif %} href="{{ entry.url | url }}">
{{ entry.title }}
</a>
{% if not loop.last %}
&bull;
{% endif %}
{%- endfor -%}
</p>
<p style="text-align: center;">
<a href="/~jakew/tips">↜ back to tips</a>
</p>
</div>
<hr class="zig">
<hr class="zag">
{{ content | safe }}
<hr class="zig">
<hr class="zag">
<p><a href="/~jakew/tips">↜ back to tips</a></p>
<p>[<a href="https://tildegit.org/jakew/sl-site">source code</a>]</p>
</main>
</body>
</html>

View File

@ -3,6 +3,7 @@ title: Tips
eleventyNavigation:
key: Tips
tags: []
layout: main
---
<p>

View File

@ -1,5 +1,5 @@
{
"layout": "main",
"layout": "tips",
"eleventyNavigation": {
"parent": "Tips"
},