Lighthouse

This commit is contained in:
Daniel Flanagan 2022-03-09 10:55:32 -06:00
parent b5533b0e06
commit 7579119b08
Signed by: lytedev
GPG Key ID: 5B2020A0F9921EF4
5 changed files with 57 additions and 11 deletions

View File

@ -12,6 +12,9 @@ markup:
# permalinks: # permalinks:
# post: /blog/:title # post: /blog/:title
params:
Description: "Hi! I'm Daniel. I live in Kansas City where I help run a small Christian church, raise two kids with my awesome wife, and write software for Divvy."
outputs: outputs:
home: [html] home: [html]
blog: ['html', 'rss'] blog: ['html', 'rss']

View File

@ -1,6 +1,8 @@
## Hi! I'm Daniel. ## Hi! I'm Daniel.
<img class="rounded" src="/img/avatar-256.jpg" height=256 width=256 /> <img alt="photo of daniel" class="rounded" src="/img/avatar-256.jpg" height=256 width=256 />
<!-- updates here must be mirrored in site config for meta description-->
I live in Kansas City where I help run <a target="_blank" I live in Kansas City where I help run <a target="_blank"
href="https://kcrising.church">a small Christian church</a>, raise two kids href="https://kcrising.church">a small Christian church</a>, raise two kids

View File

@ -1,20 +1,21 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="{{ if .Params.summary }}{{ .Params.summary }}{{ else }}{{ .Site.Params.Description }}{{ end }}">
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title> <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
<link rel="shortcut icon" href="/icon.png" /> <link rel="shortcut icon" href="/icon.png" />
<link rel="stylesheet" href="/styles.css" /> <link defer rel="stylesheet" href="/styles.css" />
<script defer src="/global.js"></script> <script defer src="/global.js"></script>
<script async defer data-domain="lyte.dev" src="https://a.lyte.dev/js/plausible.js"></script> <script async defer data-domain="lyte.dev" src="https://a.lyte.dev/js/plausible.js"></script>
<script defer src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script> <script defer src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
</head> </head>
<body> <body>
<header> <header>
<a href="#start-of-content" class="hidden-in-browsers js-disabled-only">Skip to Content</a> <a href="#start-of-content" class="hide-unless-focused">Skip to Content</a>
<section> <section>
<a href="/" id="logo"> <a href="/" aria-label="index link" id="logo">
{{ partial "logo.svg.html" . }} {{ partial "logo.svg.html" . }}
</a> </a>
<a href="/"> <a href="/">
@ -32,15 +33,15 @@
{{ end }} {{ end }}
</section> </section>
<section style="position:absolute;height:100%;right:0"> <section style="position:absolute;height:100%;right:0">
<button class="no-bg theme-toggler js-only centerize"> <button class="no-bg theme-toggler js-only centerize" aria-label="toggle dark theme">
{{ partial "theme-toggle.html" . }} {{ partial "theme-toggle.html" . }}
</button> </button>
<button class="no-bg align-toggler js-only hidden-on-mobile centerize"> <button class="no-bg align-toggler js-only hidden-on-mobile centerize" aria-label="toggle text alignment">
{{ partial "align-toggle.html" . }} {{ partial "align-toggle.html" . }}
</button> </button>
</section> </section>
</header> </header>
<main>{{ block "main" . }}{{ .Content }}{{ end }}</main> <main id="start-of-content">{{ block "main" . }}{{ .Content }}{{ end }}</main>
<footer style="padding-bottom: 5em"></footer> <footer style="padding-bottom: 5em"></footer>
</body> </body>
</html> </html>

View File

@ -12,9 +12,9 @@
{{ end }} {{ end }}
</ul> </ul>
<h2>More Me</h2> <h2>External Links</h2>
<ul> <ul class="horizontal-blocks">
<li> <li>
<a href="https://discord.gg/jUCXCYp">Discord</a> <a href="https://discord.gg/jUCXCYp">Discord</a>
</li> </li>
@ -31,7 +31,7 @@
<h2>Meta</h2> <h2>Meta</h2>
<ul> <ul class="horizontal-blocks">
<li> <li>
<a href="/privacy">Privacy Policy</a> <a href="/privacy">Privacy Policy</a>
</li> </li>

View File

@ -145,6 +145,20 @@ form
@media (max-width 600px) @media (max-width 600px)
.hidden-on-mobile { display: none } .hidden-on-mobile { display: none }
.hide-unless-focused
transform translateY(-200%)
position fixed
top 0.5em
left 0.5em
padding 0.5em 0.8em
border dotted 0.1em #ccc
border-radius 0.25em
box-shadow 0 0 0.5em rgba(0, 0, 0, 0.25)
background rgba(0, 0, 0, 0.8)
&:focus
transform translateX(0%)
@media (min-width 600px) @media (min-width 600px)
body.align-left body.align-left
.hide-in-align-left { display: none } .hide-in-align-left { display: none }
@ -189,3 +203,29 @@ form
margin-left auto margin-left auto
margin-right auto margin-right auto
display block display block
ul.horizontal-blocks
display flex
flex-wrap wrap
list-style none
padding 0
gap 0.5em
> li
flex 1
display flex
> a
flex-grow 1
display flex
padding 0.5em 2em
background-color rgba(255, 255, 255, 0.05)
text-align center
justify-content center
align-items center
text-decoration none
white-space nowrap
&:hover
background-color rgba(255, 255, 255, 0.1)