diff options
| -rw-r--r-- | README.md | 16 | ||||
| -rw-r--r-- | assets/stylesheets/style.css | 67 | ||||
| -rw-r--r-- | layouts/_default/baseof.html | 4 |
3 files changed, 74 insertions, 13 deletions
@@ -1,17 +1,15 @@ # TJKBasic Hugo Theme -This is the hugo theme used on [tjkeller.xyz](https://tjkeller.xyz). -The theme was made from scratch. +This is the Hugo theme used on [tjkeller.xyz](https://tjkeller.xyz). +The theme was made from scratch, but still benefited from the availability from other open themes to reference. -This is really just meant as a reference for those who would like to replicate some features from my site. -I would prefer if you did not just copy + paste my theme on your own site. +This theme is made available as a reference for those who would like to replicate some features from my site. +Starting from scratch comes with many benefits, so you're better off not building off of this theme as a starting point. +To be clear, I would prefer if you did not just copy + paste my theme for your own site. Nobody likes a copycat, so that would be lame! -I wouldn't even recommend using it as a starting point to build off of since I believe that I have benefited greatly by starting from scratch. -However, I still believe that having it up as a reference could be useful for those who would like to start from scratch, but are having difficulty implementing specific features, etc. - -Because of that, I am hereby graciously releasing this theme unto the unwashed, liberal masses under the GPLv3 licence! -I am entrusting you (the public) to more or less respect my wishes, but I of course don't mind if you copy certain portions, etc. so long as you don't rip off my entire site. +With that being said, I hereby (graciously) release this theme unto the unwashed, liberal masses under the GPLv3 license! +I am entrusting you (the public) to more or less respect my wishes, just don't rip off my entire site if you can help it. Also, check out the `hugo.yaml` file. It contains some settings that you need to include in your main `hugo.yaml` to make it function correctly for some reason. diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css index 278bac3..4b5e403 100644 --- a/assets/stylesheets/style.css +++ b/assets/stylesheets/style.css @@ -7,6 +7,7 @@ body { font-family: "Noto Serif", serif; text-underline-offset: 2.25px; overflow-x: hidden; + line-height: 1.35; } /* header */ @@ -67,12 +68,12 @@ main, footer{ #publishing a { color: #555 } #publishing a:not(:last-child)::after { content: "," } +footer span, #copyright, #theme-copyright { text-align: center; display: block; - opacity: .2; - color: #fff; margin: .25em; + color: #6a6a6a; } /* elements */ @@ -94,6 +95,43 @@ a:hover { text-decoration: underline; } +/* essays */ +.essay { + font-size: 1.15em; + margin-inline: auto; + max-width: 80ch; + line-height: 1.6; +} + +.essay p { + text-indent: 4ch; +} + +.essay blockquote { + font-style: italic; +} + +.essay blockquote p::before { + content: "“"; + font-size: 1.5em; +} + +.essay sup { + font-size: .6em; +} + +.essay sup a::before { content: "[" } +.essay sup a::after { content: "]" } + +/*.footnotes ol { + columns: 2 auto; + column-gap: 3em; +} + +.footnotes ol li { + break-inside: avoid; +}*/ + /* images */ img, figcaption { margin: auto; @@ -169,6 +207,16 @@ ol, ul, pre code { max-width: 100%; } +/* youtube iframe shortcode */ +div.yt-4x3 iframe { + display: block; + aspect-ratio: 4/3; + max-width: 600px; + width: 100%; + margin: 2em auto; + border: 0; +} + /* utility classes */ .monodate, .monospace { font-family: monospace } .bold { font-weight: bold } @@ -197,4 +245,19 @@ ol, ul, pre code { img, figcaption { max-width: 95%; } + .essay { + font-size: inherit; + } +} + +@media print { + body, a { + line-height: 1.25; + font-size-adjust: .38; + } + + header, + .footnote-backref { + display: none; + } } diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 974affa..d6ad48b 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -7,10 +7,10 @@ <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> {{ $css := resources.Match "stylesheets/*.css" | resources.Concat "style.css" | minify | fingerprint }} - <link rel="stylesheet" href="{{ $css.Permalink }}"> + <link type="text/css" rel="stylesheet" href="{{ $css.Permalink }}"> {{ with $.Resources.GetMatch "**.css*" }} {{ $style := . | minify | fingerprint }} - <link type=text/css rel="stylesheet" href="{{ $style.Permalink }}"> + <link type="text/css" rel="stylesheet" href="{{ $style.Permalink }}"> {{ end }} {{- block "head" . }}{{- end }} </head> |