Add readme, fix syntax highlighting, and other small fixes

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

content/blog/_index.md

@@ -2,4 +2,4 @@
 title: Blog
 ---
 
-### Latest Posts
+## Latest Posts

layouts/index.html

@@ -1,11 +1,9 @@
 {{ define "main" }}
-	<p>
+	<h2>Hi! I'm Daniel.</h2>	
-		<h2>
-			Hi! I'm Daniel.
-		</h2>	
-	</p>
 
-	<img class="rounded" style="width: 256px" src="/img/avatar.jpg" />
+	<p>
+		<img class="rounded" style="width: 256px" src="/img/avatar.jpg" />
+	</p>
 
 	<p>
 		I live in Kansas City where I help run a small Christian church, raise a
@@ -17,19 +15,13 @@
 		on <a target="_blank" href="https://github.com/lytedev">GitHub</a>.
 	</p>
 
-	<p>
+	<h3>Latest Posts</h3>
-		<h3>
-			Latest Posts
-		</h3>
-	</p>
 
-	<p>
+	<ul>
-		<ul>
+		{{ range (where .Site.RegularPages "Section" "blog") }}
-			{{ range (where .Site.RegularPages "Section" "blog") }}
+			{{ .Render "li" }}
-				{{ .Render "li" }}
+		{{ else }}
-			{{ else }}
+			<p>Looks like there's nothing here!... yet!</p>
-				<p>Looks like there's nothing here!... yet!</p>
+		{{ end }}
-			{{ end }}
+	</ul>
-		</ul>
-	</p>
 {{ end }}

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

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

themes/lyte/layouts/_default/list.html

@@ -1,10 +1,12 @@
 {{ define "main" }}
 	{{ .Content }}
+	<ul>
 	{{ range .Pages }}
 		{{ .Render "li" }}
 	{{ else }}
-		<p class="text-center">Looks like there's nothing here!... yet!</p>
+		<li>Looks like there's nothing here!... yet!</li>
 	{{ end }}
+	</ul>
 {{ end }}
 
 {{ define "title" }}

themes/lyte/layouts/_default/single.html

@@ -3,11 +3,6 @@
 {{ end }}
 
 {{ define "main" }}
-	<p>
+	<h2>{{ .Title }}</h2>
-		<h2>
-			{{ .Title }}
-		</h2>
-	</p>
-
 	{{ .Content }}
 {{ end }}

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 {
+main > h1,
-	margin-top: 1em;
+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 }