From 23383f9c41adda28ee4f0a357b0999ea40cd6cff Mon Sep 17 00:00:00 2001 From: Daniel Flanagan Date: Tue, 14 Jul 2020 17:17:10 -0500 Subject: [PATCH] Add readme, fix syntax highlighting, and other small fixes --- content/about.md | 1 - content/blog/_index.md | 2 +- layouts/index.html | 32 +++----- makefile | 2 +- readme.md | 28 +++++++ themes/lyte/layouts/_default/list.html | 4 +- themes/lyte/layouts/_default/single.html | 7 +- themes/lyte/static/styles.css | 99 +++++++++++++++++++++++- 8 files changed, 142 insertions(+), 33 deletions(-) create mode 100644 readme.md 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 }