diff --git a/content/about.md b/content/about.md
index 0ef71d1..b384780 100644
--- a/content/about.md
+++ b/content/about.md
@@ -7,7 +7,6 @@ heroBackgroundColor: "#0af"
title: About
description: "A little about the man behind this website."
---
-
My name is Daniel Flanagan. I was born in Virginia (but my family didn't stay
long) and now live in Kansas City, Missouri. My family still lives in the area
and I have 6 awesome little brothers. Yes, my parents had seven boys and are
diff --git a/content/blog/_index.md b/content/blog/_index.md
index 96c97d4..fe49a58 100644
--- a/content/blog/_index.md
+++ b/content/blog/_index.md
@@ -2,4 +2,4 @@
title: Blog
---
-### Latest Posts
+## Latest Posts
diff --git a/layouts/index.html b/layouts/index.html
index c4067c4..75cc425 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,11 +1,9 @@
{{ define "main" }}
-
-
- Hi! I'm Daniel.
-
-
+ Hi! I'm Daniel.
-
+
+
+
I live in Kansas City where I help run a small Christian church, raise a
@@ -17,19 +15,13 @@
on GitHub.
-
-
- Latest Posts
-
-
+ Latest Posts
-
-
-
+
{{ end }}
diff --git a/makefile b/makefile
index 5984a6f..e0afc61 100644
--- a/makefile
+++ b/makefile
@@ -1,6 +1,6 @@
.PHONY: all default build dev
build: ; hugo
public: build
-dev: ; hugo serve
+dev: ; hugo serve --buildDrafts
all: build
clean: ; rm -r public
diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..9c645be
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,28 @@
+# [lyte.dev][/]
+
+## Dependencies
+
++ Hugo
+
+## Build
+
+```
+make
+```
+
+Resulting pages will be in `public/`.
+
+## Develop
+
+```
+make dev
+```
+
+You can view the site at [http://localhost:1313](http://localhost:1313).
+
+## Deploy
+
+Netlify will automatically deploy the site upon pushing changes to master.
+
+
+[/]: https://lyte.dev
diff --git a/themes/lyte/layouts/_default/list.html b/themes/lyte/layouts/_default/list.html
index a6812c9..197bfa9 100644
--- a/themes/lyte/layouts/_default/list.html
+++ b/themes/lyte/layouts/_default/list.html
@@ -1,10 +1,12 @@
{{ define "main" }}
{{ .Content }}
+
{{ end }}
{{ define "title" }}
diff --git a/themes/lyte/layouts/_default/single.html b/themes/lyte/layouts/_default/single.html
index 94de817..b228e38 100644
--- a/themes/lyte/layouts/_default/single.html
+++ b/themes/lyte/layouts/_default/single.html
@@ -3,11 +3,6 @@
{{ end }}
{{ define "main" }}
-
-
- {{ .Title }}
-
-
-
+ {{ .Title }}
{{ .Content }}
{{ end }}
diff --git a/themes/lyte/static/styles.css b/themes/lyte/static/styles.css
index 99a17e3..c41c641 100644
--- a/themes/lyte/static/styles.css
+++ b/themes/lyte/static/styles.css
@@ -1,3 +1,5 @@
+/* Jonathan Neal's system font stack
+https://github.com/jonathantneal/system-font-css/blob/gh-pages/system-font.css */
@font-face {
font-family: system-ui;
font-style: normal;
@@ -85,13 +87,30 @@ body > main {
padding: 0.5em;
}
+body > main > .highlight,
+main > h1,
+main > h2,
+main > h3,
+main > h4,
+main > h5,
body > main > form,
body > main > p {
- max-width: 600px;
+ margin-top: 1em;
+ margin-bottom: 0.25em;
}
-body > main > p ~ p {
- margin-top: 1em;
+main > h1,
+main > h2,
+main > h3,
+main > h4,
+main > h5,
+body > main > form,
+body > main > p {
+ max-width: 80ch;
+}
+
+main > *:first-child {
+ margin-top: 0;
}
body {
@@ -102,6 +121,10 @@ body {
font-size: 1rem;
}
+code {
+ font-family: iosevka, monospace;
+}
+
body > header {
position: relative;
display: flex;
@@ -195,3 +218,73 @@ img, embed, frame, iframe {
flex-direction: column;
}
}
+
+main > .highlight pre.chroma {
+ border: 0;
+ padding: 0.5em;
+ border-left: solid 0.25em #75715e;
+ overflow-x: auto;
+ background-color: rgba(255, 255, 255, 0.03);
+}
+
+/* syntax highlighting */
+/* TabSize */ .chroma { -moz-tab-size: 2; tab-size: 2 }
+/* Background */ .chroma { color: #f8f8f2; border: solid 0.05em rgba(255, 255, 255, 0.2) }
+/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* Keyword */ .chroma .k { color: #66d9ef }
+/* KeywordConstant */ .chroma .kc { color: #66d9ef }
+/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
+/* KeywordNamespace */ .chroma .kn { color: #f92672 }
+/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
+/* KeywordReserved */ .chroma .kr { color: #66d9ef }
+/* KeywordType */ .chroma .kt { color: #66d9ef }
+/* NameAttribute */ .chroma .na { color: #a6e22e }
+/* NameClass */ .chroma .nc { color: #a6e22e }
+/* NameConstant */ .chroma .no { color: #66d9ef }
+/* NameDecorator */ .chroma .nd { color: #a6e22e }
+/* NameException */ .chroma .ne { color: #a6e22e }
+/* NameFunction */ .chroma .nf { color: #a6e22e }
+/* NameOther */ .chroma .nx { color: #a6e22e }
+/* NameTag */ .chroma .nt { color: #f92672 }
+/* Literal */ .chroma .l { color: #ae81ff }
+/* LiteralDate */ .chroma .ld { color: #e6db74 }
+/* LiteralString */ .chroma .s { color: #e6db74 }
+/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
+/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
+/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
+/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
+/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
+/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
+/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
+/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
+/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
+/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
+/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
+/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
+/* LiteralNumber */ .chroma .m { color: #ae81ff }
+/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
+/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
+/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
+/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
+/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
+/* Operator */ .chroma .o { color: #f92672 }
+/* OperatorWord */ .chroma .ow { color: #f92672 }
+/* Comment */ .chroma .c { color: #75715e }
+/* CommentHashbang */ .chroma .ch { color: #75715e }
+/* CommentMultiline */ .chroma .cm { color: #75715e }
+/* CommentSingle */ .chroma .c1 { color: #75715e }
+/* CommentSpecial */ .chroma .cs { color: #75715e }
+/* CommentPreproc */ .chroma .cp { color: #75715e }
+/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
+/* GenericDeleted */ .chroma .gd { color: #f92672 }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericInserted */ .chroma .gi { color: #a6e22e }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #75715e }