Update styling
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
f9cee545d1
commit
b338516a04
|
|
@ -20,4 +20,3 @@ steps:
|
|||
target: /home/jakew/public_html/
|
||||
source: _site
|
||||
strip_components: 1
|
||||
rm: true
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@ const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
|
|||
|
||||
module.exports = function(eleventyConfig) {
|
||||
eleventyConfig.addPlugin(eleventyNavigationPlugin);
|
||||
// eleventyConfig.addGlobalData("layout", "main");
|
||||
eleventyConfig.addPassthroughCopy("static");
|
||||
eleventyConfig.addWatchTarget("static");
|
||||
|
||||
return {
|
||||
pathPrefix: "/~jakew/"
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
---
|
||||
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="{{ '/static/main.css' | url }}">
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<h1 style="white-space: pre-line">{{ title }}</h1>
|
||||
{% if subtitle %}
|
||||
<p>{{ subtitle }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
{{ content | safe }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="footer">
|
||||
<p>[<a href="https://tildegit.org/jakew/sl-site/src/branch/main/{{ page.inputPath }}">source code</a>]</p>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<div class="nav">
|
||||
{% set navPages = collections.all | eleventyNavigation %}
|
||||
|
||||
<p style="text-align: center;">
|
||||
{%- for entry in navPages -%}
|
||||
<span class="nav-link {% if entry.url == page.url %}active{% endif %}">
|
||||
[<a href="{{ entry.url | url }}">{{ entry.title }}</a>]
|
||||
</span>
|
||||
{%- endfor -%}
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -1,79 +1,16 @@
|
|||
---
|
||||
title: jakew
|
||||
layout: base
|
||||
---
|
||||
{% include 'components/nav.njk' %}
|
||||
|
||||
<!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;
|
||||
}
|
||||
<hr class="zig">
|
||||
<hr class="zag">
|
||||
|
||||
.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>
|
||||
{{ content | safe }}
|
||||
</main>
|
||||
|
||||
<main>
|
||||
<div class="nav">
|
||||
{% set navPages = collections.all | eleventyNavigation %}
|
||||
<hr class="zig">
|
||||
<hr class="zag">
|
||||
|
||||
<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 %}
|
||||
•
|
||||
{% endif %}
|
||||
{%- endfor -%}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<hr class="zig">
|
||||
<hr class="zag">
|
||||
|
||||
{{ content | safe }}
|
||||
|
||||
<hr class="zig">
|
||||
<hr class="zag">
|
||||
|
||||
<p>
|
||||
<a href="https://southlondon.cc/~jakew/ring/prev.html?jakew">↜ prev</a> •
|
||||
<a href="https://southlondon.cc/~jakew/ring/random.html?jakew">random</a> •
|
||||
<a href="https://southlondon.cc/~jakew/ring/next.html?jakew">↝ next</a> <br>
|
||||
<a href="https://southlondon.cc/~jakew/ring">how to join this webring</a>
|
||||
</p>
|
||||
|
||||
<p>[<a href="https://tildegit.org/jakew/sl-site">source code</a>]</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
{% include 'components/footer.njk' %}
|
||||
|
|
|
|||
|
|
@ -1,85 +1,23 @@
|
|||
---
|
||||
title: jakew
|
||||
title: tips
|
||||
layout: base
|
||||
---
|
||||
{% include 'components/nav.njk' %}
|
||||
|
||||
<!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;
|
||||
}
|
||||
<p style="text-align: center;">
|
||||
<a href="/~jakew/tips">↜ back to tips</a>
|
||||
</p>
|
||||
|
||||
.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>
|
||||
<hr class="zig">
|
||||
<hr class="zag">
|
||||
|
||||
<main>
|
||||
<div class="nav">
|
||||
{% set navPages = collections.all | eleventyNavigation %}
|
||||
<main>
|
||||
{{ content | safe }}
|
||||
</main>
|
||||
|
||||
<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 %}
|
||||
•
|
||||
{% endif %}
|
||||
{%- endfor -%}
|
||||
</p>
|
||||
<hr class="zig">
|
||||
<hr class="zag">
|
||||
|
||||
<p style="text-align: center;">
|
||||
<a href="/~jakew/tips">↜ back to tips</a>
|
||||
</p>
|
||||
</div>
|
||||
<p><a href="/~jakew/tips">↜ back to tips</a></p>
|
||||
|
||||
<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://southlondon.cc/~jakew/ring/prev.html?jakew">↜ prev</a> •
|
||||
<a href="https://southlondon.cc/~jakew/ring/random.html?jakew">random</a> •
|
||||
<a href="https://southlondon.cc/~jakew/ring/next.html?jakew">↝ next</a> <br>
|
||||
<a href="https://southlondon.cc/~jakew/ring">how to join this webring</a>
|
||||
</p>
|
||||
|
||||
<p>[<a href="https://tildegit.org/jakew/sl-site">source code</a>]</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
{% include 'components/footer.njk' %}
|
||||
|
|
|
|||
20
index.md
20
index.md
|
|
@ -1,21 +1,23 @@
|
|||
---
|
||||
title: jakew
|
||||
subtitle: Code Wrangler and Average Tilde Enjoyer
|
||||
layout: main
|
||||
eleventyNavigation:
|
||||
key: Home
|
||||
---
|
||||
|
||||
Welcome, I'm Jake! I'm from the UK and I love to tinker around with things.
|
||||
Hiya! I'm Jake from the United Kingdom. I like to code, make things and try to cook.
|
||||
|
||||
|
||||
## sl projects
|
||||
## Projects
|
||||
|
||||
- [tips](/~jakew/tips)
|
||||
- [webring](/~jakew/ring)
|
||||
- ~~[webring](/~jakew/ring)~~ _(currently borked)_
|
||||
|
||||
## where you can find me
|
||||
## Where you can find me
|
||||
|
||||
- IRC: jakew on [irc.tilde.chat](https://tilde.chat)
|
||||
- Email: my username at omg.lol
|
||||
- Tildegit: [jakew](https://tildegit.org/jakew)
|
||||
- My other website: [jakew.me](https://jakew.me)
|
||||
- **Mastodon:** [@jakew@tilde.zone](https://tilde.zone/@jakew)
|
||||
- **IRC:** jakew on [irc.tilde.chat](https://tilde.chat)
|
||||
- **Email:** my username at omg.lol
|
||||
- **Tildegit:** [jakew](https://tildegit.org/jakew)
|
||||
- **My other website:** [jakew.me](https://jakew.me)
|
||||
- **Twitter:** [_jakewalker1](https://twitter.com/_jakewalker1)
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
"@11ty/eleventy-navigation": "^0.1.6"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "eleventy"
|
||||
"build": "eleventy",
|
||||
"dev": "eleventy --watch --serve"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,90 @@
|
|||
@import "https://tilde.team/~ben/fonts/inconsolata/font.css";
|
||||
|
||||
:root {
|
||||
--purple-dark: #2E1C4A;
|
||||
--purple: #5D3991;
|
||||
--purple-light: #CBB2F0;
|
||||
--purple-lighter: #DED0F2;
|
||||
--purple-lightest: #F0E9FA;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
text-transform: lowercase;
|
||||
font-family: "Inconsolata", monospace;
|
||||
font-size: 1.1em;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.content {
|
||||
max-width: 800px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
hr.zig, hr.zag {
|
||||
border: none;
|
||||
height: 30px;
|
||||
margin: 12px 0;
|
||||
}
|
||||
hr.zig{
|
||||
background: linear-gradient(-135deg, #FFF 20px, rgba(0, 0, 0, 0) 0) 0 5px, linear-gradient(135deg, #FFF 20px, rgba(0, 0, 0, 0) 0) 0 5px;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
background-position: center bottom;
|
||||
background-repeat: repeat-x;
|
||||
background-size: 20px 40px;
|
||||
z-index: 100;
|
||||
position: relative;
|
||||
}
|
||||
hr.zag {
|
||||
background: linear-gradient(-135deg, #b1b1b1 20px, rgba(0, 0, 0, 0) 0) 0 5px, linear-gradient(135deg, #b1b1b1 20px, #FFF 0) 0 5px;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
background-position: center bottom;
|
||||
background-repeat: repeat-x;
|
||||
background-size: 20px 40px;
|
||||
z-index: 50;
|
||||
margin-top: -40px;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align: center;
|
||||
background-color: var(--purple-light);
|
||||
color: var(--purple-dark);
|
||||
padding: 70px 1em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--purple);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background-color: var(--purple-lighter);
|
||||
}
|
||||
|
||||
code {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
|
||||
background-color: var(--purple-lightest);
|
||||
color: var(--purple-dark);
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 1em;
|
||||
|
||||
background-color: var(--purple-lightest);
|
||||
color: var(--purple-dark);
|
||||
}
|
||||
|
||||
.nav-link > a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.nav-link.active > a {
|
||||
background-color: var(--purple-lighter);
|
||||
}
|
||||
Loading…
Reference in New Issue