From ff4d05f3a1391808e2fa48dc72477f6c7e7b1bfc Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 18 Nov 2024 20:27:34 +0000 Subject: [PATCH 01/22] switch to terminal theme --- hugo.toml | 150 +++++++++++++++++------------------ layouts/partials/footer.html | 12 +-- 2 files changed, 81 insertions(+), 81 deletions(-) diff --git a/hugo.toml b/hugo.toml index 576a90d..e32382f 100644 --- a/hugo.toml +++ b/hugo.toml @@ -4,7 +4,7 @@ title = 'revsuine' baseurl = "/" paginate = 5 -theme = 'boxgruv' +theme = 'terminal' [taxonomies] # allow you to set tags with tags = [ 'tags', 'here' ] in post front matter @@ -12,94 +12,94 @@ theme = 'boxgruv' ### TERMINAL THEME CONFIG ### -# [params] -# # dir name of your main content (default is `content/posts`). -# # the list of set content will show up on your index page (baseurl). -# contentTypeName = "blog" +[params] + # dir name of your main content (default is `content/posts`). + # the list of set content will show up on your index page (baseurl). + contentTypeName = "content/blog" -# # if you set this to 0, only submenu trigger will be visible -# showMenuItems = 5 + # if you set this to 0, only submenu trigger will be visible + showMenuItems = 5 -# # show selector to switch language -# showLanguageSelector = false + # show selector to switch language + showLanguageSelector = false -# # set theme to full screen width -# fullWidthTheme = false + # set theme to full screen width + fullWidthTheme = false -# # center theme with default width -# centerTheme = true + # center theme with default width + centerTheme = true -# # if your resource directory contains an image called `cover.(jpg|png|webp)`, -# # then the file will be used as a cover automatically. -# # With this option you don't have to put the `cover` param in a front-matter. -# autoCover = true + # if your resource directory contains an image called `cover.(jpg|png|webp)`, + # then the file will be used as a cover automatically. + # With this option you don't have to put the `cover` param in a front-matter. + autoCover = true -# # set post to show the last updated -# # If you use git, you can set `enableGitInfo` to `true` and then post will automatically get the last updated -# showLastUpdated = false + # set post to show the last updated + # If you use git, you can set `enableGitInfo` to `true` and then post will automatically get the last updated + showLastUpdated = false -# # Provide a string as a prefix for the last update date. By default, it looks like this: 2020-xx-xx [Updated: 2020-xx-xx] :: Author -# # updatedDatePrefix = "Updated" + # Provide a string as a prefix for the last update date. By default, it looks like this: 2020-xx-xx [Updated: 2020-xx-xx] :: Author + # updatedDatePrefix = "Updated" -# # whether to show a page's estimated reading time -# # readingTime = false # default + # whether to show a page's estimated reading time + # readingTime = false # default -# # whether to show a table of contents -# # can be overridden in a page's front-matter -# # Toc = false # default -# Toc = true + # whether to show a table of contents + # can be overridden in a page's front-matter + # Toc = false # default + Toc = true -# # set title for the table of contents -# # can be overridden in a page's front-matter -# # TocTitle = "Table of Contents" # default + # set title for the table of contents + # can be overridden in a page's front-matter + # TocTitle = "Table of Contents" # default -# [params.twitter] -# # set Twitter handles for Twitter cards -# # see https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started#card-and-content-attribution -# # do not include @ -# # creator = "" -# site = "" +[params.twitter] + # set Twitter handles for Twitter cards + # see https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started#card-and-content-attribution + # do not include @ + # creator = "" + site = "" -# [languages] -# [languages.en] -# languageName = "English" -# title = "revsuine" +[languages] + [languages.en] + languageName = "English" + title = "revsuine" -# [languages.en.params] -# subtitle = "" -# owner = "" -# keywords = "" -# copyright = "" -# menuMore = "Show more" -# readMore = "Read more" -# readOtherPosts = "Read other posts" -# newerPosts = "Newer posts" -# olderPosts = "Older posts" -# missingContentMessage = "Page not found..." -# missingBackButtonLabel = "Back to home page" -# minuteReadingTime = "min read" -# words = "words" + [languages.en.params] + subtitle = "" + owner = "" + keywords = "" + copyright = "" + menuMore = "Show more" + readMore = "Read more" + readOtherPosts = "Read other posts" + newerPosts = "Newer posts" + olderPosts = "Older posts" + missingContentMessage = "Page not found..." + missingBackButtonLabel = "Back to home page" + minuteReadingTime = "min read" + words = "words" -# [languages.en.params.logo] -# logoText = "revsuine" -# logoHomeLink = "/" + [languages.en.params.logo] + logoText = "revsuine" + logoHomeLink = "/" -# [languages.en.menu] -# [[languages.en.menu.main]] -# identifier = "home" -# name = "Home" -# url = "/" -# [[languages.en.menu.main]] -# identifier = "blog" -# name = "Blog" -# url = "/blog" -# [[languages.en.menu.main]] -# identifier = "about" -# name = "About" -# url = "/about" -# [[languages.en.menu.main]] -# identifier = "contact" -# name = "Contact" -# url = "/contact" + [languages.en.menu] + [[languages.en.menu.main]] + identifier = "home" + name = "Home" + url = "/" + [[languages.en.menu.main]] + identifier = "blog" + name = "Blog" + url = "/blog" + [[languages.en.menu.main]] + identifier = "about" + name = "About" + url = "/about" + [[languages.en.menu.main]] + identifier = "contact" + name = "Contact" + url = "/contact" diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 8315349..67604ef 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,9 +1,9 @@ -
- - CC BY-SA button -
+ From 6dd4bb0b8e748554d761fc978a6e125f0e9a371a Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 18 Nov 2024 20:51:21 +0000 Subject: [PATCH 02/22] change order of menu and colour scheme --- hugo.toml | 20 ++- static/favicon.png | Bin 0 -> 271 bytes static/og-image.png | Bin 0 -> 22538 bytes static/terminal.css | 368 ++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 381 insertions(+), 7 deletions(-) create mode 100644 static/favicon.png create mode 100644 static/og-image.png create mode 100644 static/terminal.css diff --git a/hugo.toml b/hugo.toml index e32382f..ddb7179 100644 --- a/hugo.toml +++ b/hugo.toml @@ -2,10 +2,12 @@ baseURL = 'https://revsuine.xyz/' languageCode = 'en-gb' title = 'revsuine' baseurl = "/" -paginate = 5 theme = 'terminal' +[pagination] + pagerSize = 5 + [taxonomies] # allow you to set tags with tags = [ 'tags', 'here' ] in post front matter tag = 'tags' @@ -15,7 +17,7 @@ theme = 'terminal' [params] # dir name of your main content (default is `content/posts`). # the list of set content will show up on your index page (baseurl). - contentTypeName = "content/blog" + contentTypeName = "blog" # if you set this to 0, only submenu trigger will be visible showMenuItems = 5 @@ -58,7 +60,7 @@ theme = 'terminal' # set Twitter handles for Twitter cards # see https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started#card-and-content-attribution # do not include @ - # creator = "" + creator = "" site = "" [languages] @@ -90,16 +92,20 @@ theme = 'terminal' identifier = "home" name = "Home" url = "/" - [[languages.en.menu.main]] - identifier = "blog" - name = "Blog" - url = "/blog" + weight = 1 [[languages.en.menu.main]] identifier = "about" name = "About" url = "/about" + weight = 10 + [[languages.en.menu.main]] + identifier = "blog" + name = "Blog" + url = "/blog" + weight = 20 [[languages.en.menu.main]] identifier = "contact" name = "Contact" url = "/contact" + weight = 30 diff --git a/static/favicon.png b/static/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..f3179f8b37e274af4b208d3ad5de986d2f9a3137 GIT binary patch literal 271 zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nETYo0ESAsNoeCEtF^t$nro!_}TI zJ$Knp|F=qi+5SD_eRX}seWs)FWv*{N+sC~&l;HZ*!{cBu#g?I)!R>9T;`8<-o(0Pl z+ytjhnYVCCOF=5*v5PiFC%77cYo9Wrvp0MVcl&%I zLvCT<^r|guO>bRW6xg1#MNV?9dxpse^IP(gZ~J?`xqska*Z*uHST|7hg;`C~U}3l4 z%0HH$bO-5|JgdC8G9^Q2nPhCY(G9lsiHCz0e?5_~+MPj4VbV>8&F?+|eaPVH>gTe~ HDWM4f?ZJ5n literal 0 HcmV?d00001 diff --git a/static/og-image.png b/static/og-image.png new file mode 100644 index 0000000000000000000000000000000000000000..d3334b621cfc9b18f84c6769f959ef81fcaf8bbd GIT binary patch literal 22538 zcmeHPQAkr^6uxfDZ7!LbC`PtvN@1%(_z*=p#oj01X53O6lE6(LP}($rKoRSoEeGfh%OAjHQ)+1)wi_9 zw7yfT)#KNdL&Xt-+d8Kvp{Yp!QCfFWeRv=-tDxIGS$O4u@5istH-@!~)9zuT)w?i0 zVokOzFN{8#GFDo=r1ycrn4j!hd2g7NOIFFr;p7U}7ccoj?9(ol&v_g^@v6@;%dM1n zNc&iylk2`m+O^Nc4sOm6ze$*vq$?*pL}{B?T1j|T<~U5V((^UzMPEnWpcTaV6LHf7Q z68ceV-e=~?0%~osW`T^uJX}@9k`VLW#51| zm$iq>iY~DrFYw{PXZnh6Q(69OCL=FYmO2HesaV3;^Fk#nQ=)PQ1oSJua^smb@)xdA z>3A)kKfs2hIwzOYQ1z7GW*R&0_&!XAZK;vJV#j*3saSYyHS!k@uMJ)s z`lpT827enyW5C}AO^QBGph;o2VT^v5Z7>pVg$fvnfuy$16F^c-3j#s1&|Aj{s2x2oD>Uv2r6?IP?<;DEzSS50P7qu zP!&)WP}Rn=79t9WC}>Mbpemp$penz<4YVd`&5cg^Uk?eT9|WQ_=_+VV+61wg^#!d7 zS`)P9x=>Ylg-c8e^7u0vh98 zpfQH77%p2(Cp5Th!JG}|Y@1|Kpfy2jg4P7B30f1h=1yo$Qu1k_%h3KRw2SiiB{G!R JX&tE={U2S%R3rcZ literal 0 HcmV?d00001 diff --git a/static/terminal.css b/static/terminal.css new file mode 100644 index 0000000..526d324 --- /dev/null +++ b/static/terminal.css @@ -0,0 +1,368 @@ +:root { + --background: #282828; + --foreground: #d4be98; + --accent: #a9b665; + --font-size: 1rem; + --line-height: 1.54rem; + --radius: 0px; +} + +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; + margin: 0; + padding: 0; +} + +body { + margin: 0; + padding: 0; + font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace; + font-size: 1rem; + font-weight: 400; + line-height: var(--line-height); + letter-spacing: -0.02em; + background-color: var(--background); + color: var(--foreground); + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -webkit-overflow-scrolling: touch; + -webkit-text-size-adjust: 100%; +} + +::placeholder { + color: color-mix(in srgb var(--foreground) 50%, black); +} + +h1, +h2 { + font-size: calc(var(--font-size) * 1.1); + text-transform: uppercase; + letter-spacing: 0.04em; +} + +h1 { + text-decoration: underline; + text-decoration-thickness: 2px; + text-underline-offset: calc(var(--font-size) * 0.2); +} + +h3, +h4, +h5, +h6 { + font-size: calc(var(--font-size) * 1.1); + letter-spacing: 0.04em; +} + +h1, +h2, +h3, +h4, +h5, +h6, +p, +ul, +ol, +img, +figure, +video, +table { + margin: calc(var(--line-height) * 1.2) 0; +} + +a { + color: var(--accent); +} + +button { + position: relative; + font: inherit; + font-weight: bold; + text-decoration: none; + text-align: center; + background: transparent; + color: var(--accent); + padding: 5px 18px; + border: 4px solid var(--accent); + border-radius: var(--radius); + transition: background 0.15s linear; + appearance: none; + cursor: pointer; + outline: none; +} + +button:hover { + background: color-mix(in srgb, var(--accent) 15%, transparent); +} + +button:focus-visible, +a:focus-visible { + outline: 1px solid var(--accent); + outline-offset: 2px; +} + +fieldset { + display: inline-block; + border: 2px solid var(--foreground); + border-radius: calc(var(--radius) * 1.6); + padding: 10px; +} + +fieldset *:first-child { + margin-top: 0; +} + +fieldset input, +fieldset select, +fieldset textarea, +fieldset label, +fieldset button { + margin-top: calc(var(--line-height) * 0.5); + width: 100%; +} + +label { + display: inline-block; +} + +label input { + margin-top: 0; +} + +input, +textarea, +select { + background: transparent; + color: var(--foreground); + border: 1px solid var(--foreground); + border-radius: var(--radius); + padding: 10px; + font: inherit; + appearance: none; +} + +input[type="checkbox"] { + width: auto; +} + +input:focus-visible, +input:active, +textarea:focus-visible, +textarea:active, +select:focus-visible, +select:active { + border-color: var(--accent); + outline: 1px solid var(--accent); + outline-offset: 2px; +} + +input:active, +textarea:active, +select:active { + box-shadow: none; +} + +select { + background-image: linear-gradient( + 45deg, + transparent 50%, + var(--foreground) 50% + ), + linear-gradient(135deg, var(--foreground) 50%, transparent 50%); + background-position: calc(100% - 20px), calc(100% - 1em); + background-size: + 5px 5px, + 5px 5px; + background-repeat: no-repeat; + padding-right: 40px; +} + +select option { + background: var(--background); +} + +input[type="checkbox"] { + vertical-align: middle; + padding: 10px; + box-shadow: inset 0 0 0 3px var(--background); +} + +input[type="checkbox"]:checked { + background: var(--accent); +} + +img { + display: block; + max-width: 100%; + border: 8px solid var(--accent); + border-radius: var(--radius); + padding: 8px; + overflow: hidden; +} + +figure img, +figure video { + margin-bottom: 0; +} + +figure figcaption { + background: var(--accent); + color: var(--background); + text-align: center; + font-size: 1rem; + font-weight: normal; + margin-top: -8px; + border-radius: 0 0 var(--radius) var(--radius); +} + +ul, +ol { + margin-left: 4ch; + padding: 0; +} + +ul ul, +ul ol, +ol ul, +ol ol { + margin-top: 0; +} + +li::marker { + color: var(--accent); +} + +ul li, +ol li { + position: relative; +} + +code, +kbd { + font-family: + "Fira Code", + Monaco, + Consolas, + Ubuntu Mono, + monospace !important; + font-feature-settings: normal; + background: color-mix(in srgb, var(--foreground) 5%, transparent); + color: var(--accent); + padding: 1px 6px; + margin: 0 2px; + font-size: 0.95rem; +} + +kbd { + border-top: 1px solid color-mix(in srgb, var(--accent) 25%, transparent); + border-left: 1px solid var(--accent); + border-right: 1px solid var(--accent); + border-bottom: 4px solid var(--accent); + border-radius: 4px; +} + +code code { + background: transparent; + padding: 0; + margin: 0; +} + +pre { + tab-size: 4; + background: color-mix(in srgb, var(--foreground) 5%, transparent) !important; + color: var(--foreground); + padding: 20px 10px; + font-size: 0.95rem !important; + overflow: auto; + border-radius: var(--radius); + border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent); +} + +pre code { + background: none !important; + margin: 0; + padding: 0; + font-size: inherit; + border: none; +} + +sup { + line-height: 0; +} + +abbr { + position: relative; + text-decoration-style: wavy; + text-decoration-color: var(--accent); + cursor: help; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.25em; +} + +mark { + background: color-mix(in srgb, var(--accent) 45%, transparent); + color: var(--foreground); +} + +blockquote { + position: relative; + border-top: 1px solid var(--accent); + border-bottom: 1px solid var(--accent); + margin: 0; + padding: 25px; +} + +blockquote:before { + content: ">"; + display: block; + position: absolute; + left: 0; + color: var(--accent); +} + +blockquote p:first-child { + margin-top: 0; +} + +blockquote p:last-child { + margin-bottom: 0; +} + +table { + table-layout: auto; + border-collapse: collapse; +} + +table, +th, +td { + border: 2px solid var(--foreground); + padding: 10px; +} + +th { + border-style: solid; + color: var(--foreground); + text-align: left; + text-transform: uppercase; + letter-spacing: 0.04em; +} + +hr { + width: 100%; + border: none; + background: var(--accent); + height: 2px; +} From 1df73b666561d528f37f1ad396e34d5b02f6d057 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 18 Nov 2024 21:49:52 +0000 Subject: [PATCH 03/22] add gruvbox prism.css --- assets/css/prism.css | 143 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 143 insertions(+) create mode 100644 assets/css/prism.css diff --git a/assets/css/prism.css b/assets/css/prism.css new file mode 100644 index 0000000..b570451 --- /dev/null +++ b/assets/css/prism.css @@ -0,0 +1,143 @@ +/** + * Gruvbox dark theme + * + * Adapted from a theme based on: + * Vim Gruvbox dark Theme (https://github.com/morhetz/gruvbox) + * + * @author Azat S. + * @version 1.0 + */ + +code[class*="language-"], +pre[class*="language-"] { + color: #ebdbb2; /* fg1 / fg */ + font-family: Consolas, Monaco, "Andale Mono", monospace; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"] ::-moz-selection { + color: #fbf1c7; /* fg0 */ + background: #7c6f64; /* bg4 */ +} + +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + color: #fbf1c7; /* fg0 */ + background: #7c6f64; /* bg4 */ +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: 0.5em 0; + overflow: auto; +} + +:not(pre) > code[class*="language-"], +pre[class*="language-"] { + background: #1d2021; /* bg0_h */ +} + +/* Inline code */ +:not(pre) > code[class*="language-"] { + padding: 0.1em; + border-radius: 0.3em; +} + +.token.comment, +.token.prolog, +.token.cdata { + color: #a89984; /* fg4 / gray1 */ +} + +.token.delimiter, +.token.boolean, +.token.keyword, +.token.selector, +.token.important, +.token.atrule { + color: #fb4934; /* red2 */ +} + +.token.operator, +.token.punctuation, +.token.attr-name { + color: #a89984; /* fg4 / gray1 */ +} + +.token.tag, +.token.tag .punctuation, +.token.doctype, +.token.builtin { + color: #fabd2f; /* yellow2 */ +} + +.token.entity, +.token.number, +.token.symbol { + color: #d3869b; /* purple2 */ +} + +.token.property, +.token.constant, +.token.variable { + color: #fb4934; /* red2 */ +} + +.token.string, +.token.char { + color: #b8bb26; /* green2 */ +} + +.token.attr-value, +.token.attr-value .punctuation { + color: #a89984; /* fg4 / gray1 */ +} + +.token.url { + color: #b8bb26; /* green2 */ + text-decoration: underline; +} + +.token.function { + color: #fabd2f; /* yellow2 */ +} + +.token.regex { + background: #b8bb26; /* green2 */ +} + +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.inserted { + background: #a89984; /* fg4 / gray1 */ +} + +.token.deleted { + background: #fb4934; /* red2 */ +} From 29d92b68af6e819a1dbe83597990384a334b65e5 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 18 Nov 2024 22:03:37 +0000 Subject: [PATCH 04/22] add terminal theme licence --- layouts/partials/footer.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 67604ef..8b2f41a 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -5,5 +5,6 @@ Generated with Hugo. Website source available here and licensed under the GNU General Public Licence v3. Theme by panr.

+href="https://github.com/panr/hugo-theme-terminal">Theme by panr, which is +licensed under the MIT licence.

From bbc2b3757894a3e99f814c4b253812193017b042 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 18 Nov 2024 22:30:16 +0000 Subject: [PATCH 05/22] update README --- README.md | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 9655bd9..a2b56cd 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,13 @@ # revsuine.xyz Website -These are the markdown files used to build [my website](https://revsuine.xyz/) with [Hugo](https://gohugo.io/). +These are the markdown files used to build [my website](https://revsuine.xyz/) with [Hugo](https://gohugo.io/). The +live website is currently built off of the `terminal` branch. -# Style +## Style Lines have a character limit of 120 where possible. -# Theme Branches +## Theme Branches I have branches for each theme for the website. Commits to `master` should be theme-independent commits, e.g. new posts. Theme branches should pull from `master` whenever there are new `master` commits. Commits exclusive to theme @@ -15,7 +16,7 @@ branches should *only* be for changes relevant to the theme. Theme branches are what should be used to build the website. `master` should not be used for building/deployment, only to store common changes among all branches. -# Licensing +## Licensing The contents of this git repo are licensed under [GPLv3](https://www.gnu.org/licenses/gpl-3.0.txt). The contents of the website itself, e.g. blog posts, are licensed under From fc9698a6bdcbc117f6686b342553c79b3c593728 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 18 Nov 2024 23:04:50 +0000 Subject: [PATCH 06/22] fix favicon and og-image.png --- static/favicon.png | Bin 271 -> 238 bytes static/og-image.png | Bin 22538 -> 17857 bytes 2 files changed, 0 insertions(+), 0 deletions(-) diff --git a/static/favicon.png b/static/favicon.png index f3179f8b37e274af4b208d3ad5de986d2f9a3137..9943b50650b36b02bfdcf3a6d07d4baa24afb22c 100644 GIT binary patch literal 238 zcmeAS@N?(olHy`uVBq!ia0vp^Mj*_=1|;R|J2nC-#^NA%Cx&(BWL^R}EX7WqAsj$Z z!;#Vf0dUSK=gOW>$N>moAX8fMt<+)s1y&33622WQ%mvv4F FO#ll#RQ3P> delta 243 zcmaFI*v~XUrT&_yi(^QJb8^YIpK@zo?f!7J=S$CB_S65Z(qFcJ&v;*5UvZ!5XndLL zo6q)fuMH)*KK1Z87)-Hc=w@(xo2vM{J&9+*as@ZRX;bDcoYGQ|%6ROejnN6NMj&~k z>m`WPIt3(Wxo2FNCY_tjyY1SijOgqQU&Gx#pU99~7??A?YRg*FTh|r^w&!e-lU(bb zVe-NJmb~QK{+@5{ANbexKbr{F4pe?&R+BVX*zLFSkL4%bK?X>kRbE_~lA*IqGPc|3 l2HX0?!$FI`o=8~j&LE{Q=_bSGcb^!5z|+;wWt~$(695CecR~OF diff --git a/static/og-image.png b/static/og-image.png index d3334b621cfc9b18f84c6769f959ef81fcaf8bbd..9948355450ba9419297ad37b8b546a5b8e6bda14 100644 GIT binary patch literal 17857 zcmeHPeN0nV6o0QR--wK=;6y>^*02FKpr%eKNMP8($}EOp6;>mw+BgFeK1769GG&Y~ zx1k`U(k%lFftqfDZou?02*$~W1InDvt>V-brdGwRVcDG4CCdvI-^e#qxNq_FL;(BE*d-8?{7hG z1XH%DKT1L*`8jLq+KNh!hQ&(z zmuBC8F{eRPH~nouWZ~n7Wz(+Sfl&m8^91Za!Sihk*bL|-)Z z%29hY(|XRwcH_5mMPt(g19@-kZOD0ECyBtP?<##InHpY5eWI==Dt@7{reYplTg^xz zT?a$;Lech()_;Ot>fj4EZf0s5Y2{zySB2_AqAF3X~$^ z{N(Xs#*X=`_>UtW?sU4{-RRbGM9QMQ^-BfbbnQ4ZkR(h9@Px>CzvOUuYvJC}VS(~h zy=0ZPGEB8f6hu>l*+^__pfH`ADNHG@uQs?)t~g+l7qi+6&=Z9l_&Ui#W4=qlnUzf* z)Ep&D2k6#^E-MXwbDhB8K!#VW!tkW*%z&x!Gp1*^;mK6 zN$)4~b;1)bTvAN3Xsw?nIydL!G6Rvz6ksjc6Cmv$p1i>N@ik%6)zOEEwu^VDdIr-- zVNMDP)TftZj7|s~F!2=wcOIf&#l8EH5 zeN;ceqG`74JyY)7We1|CL{3I%%OeYPjgKlge&9`OWY5qA{1PY6@EJ^1E5e*`v-R$d zFn3$r{2VaTYOmhR8cjd8Yq7ce0%2NfZm-{*nh~aI4c)-l3GJ9S8Gbl9Lr!gB3yU_~ zBVA~`a*YF+LILLU78ThfN#i1pAN=I350}y5=H=n1zCvM=8iZ*PTC2ayCrgKfVh7BQ zb!RT#?!F)%dYLRmyEvE3jX%|9Msrf%XY6dv3!2!m#9-D@TX>K~Yb-y29B8j#2KpH( zzzMg-N5r!A1N^SM>=^T0Y~=NdK?=~Y|w2XY`+#0*3(BS4GW?#I_}BpCD@ zKRi?VWDE(Yj_sl_5iy|WNhEiu$8i)bD4IE#)(78HWYU#Dk%@Ej5BQHEePhMc9F|Nn zuGe4E?`tW}VndN$wbj2O2ky#QKvIJMhlH1HUFWNnksLo92~0dhVIpDx0s{g=L)+4w&%=od~Brk(ZnD`ak?`buwYNLj>A^6kBTMs mZ^h>1Mi3W&J1(?E_-8J%vhoj(oJK#xg2`g#F(;!{#eV|sUQkN_ literal 22538 zcmeHPQAkr^6uxfDZ7!LbC`PtvN@1%(_z*=p#oj01X53O6lE6(LP}($rKoRSoEeGfh%OAjHQ)+1)wi_9 zw7yfT)#KNdL&Xt-+d8Kvp{Yp!QCfFWeRv=-tDxIGS$O4u@5istH-@!~)9zuT)w?i0 zVokOzFN{8#GFDo=r1ycrn4j!hd2g7NOIFFr;p7U}7ccoj?9(ol&v_g^@v6@;%dM1n zNc&iylk2`m+O^Nc4sOm6ze$*vq$?*pL}{B?T1j|T<~U5V((^UzMPEnWpcTaV6LHf7Q z68ceV-e=~?0%~osW`T^uJX}@9k`VLW#51| zm$iq>iY~DrFYw{PXZnh6Q(69OCL=FYmO2HesaV3;^Fk#nQ=)PQ1oSJua^smb@)xdA z>3A)kKfs2hIwzOYQ1z7GW*R&0_&!XAZK;vJV#j*3saSYyHS!k@uMJ)s z`lpT827enyW5C}AO^QBGph;o2VT^v5Z7>pVg$fvnfuy$16F^c-3j#s1&|Aj{s2x2oD>Uv2r6?IP?<;DEzSS50P7qu zP!&)WP}Rn=79t9WC}>Mbpemp$penz<4YVd`&5cg^Uk?eT9|WQ_=_+VV+61wg^#!d7 zS`)P9x=>Ylg-c8e^7u0vh98 zpfQH77%p2(Cp5Th!JG}|Y@1|Kpfy2jg4P7B30f1h=1yo$Qu1k_%h3KRw2SiiB{G!R JX&tE={U2S%R3rcZ From 51b93fc74850b4605148aa47fe5c40c34ea8c1a0 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 18 Nov 2024 23:09:31 +0000 Subject: [PATCH 07/22] add colour info to README --- README.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index a2b56cd..007792f 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,9 @@ live website is currently built off of the `terminal` branch. Lines have a character limit of 120 where possible. -## Theme Branches +## Theming + +### Theme Branches I have branches for each theme for the website. Commits to `master` should be theme-independent commits, e.g. new posts. Theme branches should pull from `master` whenever there are new `master` commits. Commits exclusive to theme @@ -16,6 +18,16 @@ branches should *only* be for changes relevant to the theme. Theme branches are what should be used to build the website. `master` should not be used for building/deployment, only to store common changes among all branches. +### [Terminal](https://github.com/panr/hugo-theme-terminal) + +Colours taken from [gruvbox-material medium](https://github.com/sainnhe/gruvbox-material). + +| Element | Colour | +| ---------- | --------- | +| Background | `#282828` | +| Foreground | `#d4be98` | +| Accent | `#a9b665` | + ## Licensing The contents of this git repo are licensed under [GPLv3](https://www.gnu.org/licenses/gpl-3.0.txt). The contents of the From 1080ae1e3a9c637854729e0d0a6285dc8ceba213 Mon Sep 17 00:00:00 2001 From: revsuine Date: Tue, 19 Nov 2024 02:57:24 +0000 Subject: [PATCH 08/22] static/style.css: add gruvbox material medium dark colours to style.css; remove extraneous footer css; add some more footer css for colouring (has no actual effect but just doesn't use opacity when not necessary --- static/style.css | 60 ++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 53 insertions(+), 7 deletions(-) diff --git a/static/style.css b/static/style.css index f27374d..5d3a254 100644 --- a/static/style.css +++ b/static/style.css @@ -1,10 +1,56 @@ -/* make footer image display correctly */ +:root { + /* gruvbox material medium dark https://github.com/sainnhe/gruvbox-material */ + --bg_dim: #1b1b1b; + --bg0: #282828; + --bg1: #32302f; + --bg2: #32302f; + --bg3: #45403d; + --bg4: #45403d; + --bg5: #5a524c; + --bg_statusline1: #32302f; + --bg_statusline2: #313735; + --bg_statusline3: #504945; + --bg_diff_green: #34381b; + --bg_visual_green: #3b4439; + --bg_diff_red: #402120; + --bg_visual_red: #4c3432; + --bg_diff_blue: #0e363e; + --bg_visual_blue: #373131; + --bg_visual_yellow: #4f422e; + --bg_current_word: #3c3836; + --fg0: #d4be98; + --fg1: #ddc7a1; + --red: #ea6962; + --orange: #e78a4e; + --yellow: #d8a657; + --green: #a9b665; + --aqua: #89b482; + --blue: #7daea3; + --purple: #d3869b; + --bg_red: #ea6962; + --bg_green: #a9b665; + --bg_yellow: #d8a657; + --grey0: #7c6f64; + --grey1: #928374; + --grey2: #a89984; -#cc-badge-div { - width: 88px; - height: 31px; - padding-top: 20px; - padding-right: 10px; - float: left !important; + --background: var(--bg0); + --foreground: var(--fg0); + --accent: var(--green); + --faint_foreground: var(--grey0); +} + +/* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided + * to write it this way because i prefer to not use opacity to create colours when possible, instead setting + * full-opacity explicit/unmodified colours. opacity is still used to create the dimmer hr in the footer. + * I would set the hr full opacity but there isn't really a "dim green" I can use. */ + +.footer { + opacity: 1 !important; + color: var(--faint_foreground); +} + +.footer hr { + opacity: 0.5; } From 7f55c921e33f05c1fe2788e7e94398166acd4d0f Mon Sep 17 00:00:00 2001 From: revsuine Date: Tue, 19 Nov 2024 20:39:51 +0000 Subject: [PATCH 09/22] remove duplicate created by merge --- hugo.toml | 3 --- 1 file changed, 3 deletions(-) diff --git a/hugo.toml b/hugo.toml index 37c3df7..87cdf93 100644 --- a/hugo.toml +++ b/hugo.toml @@ -5,9 +5,6 @@ baseurl = "/" theme = 'terminal' -[pagination] - pagerSize = 5 - [taxonomies] # allow you to set tags with tags = [ 'tags', 'here' ] in post front matter tag = 'tags' From 6faf2d6c60852cddac6cddd7ca48ade01869bb2b Mon Sep 17 00:00:00 2001 From: revsuine Date: Wed, 20 Nov 2024 00:17:36 +0000 Subject: [PATCH 10/22] fucking around w syntax highlighting --- .gitignore | 2 ++ assets/css/syntax.css | 2 ++ 2 files changed, 4 insertions(+) create mode 100644 assets/css/syntax.css diff --git a/.gitignore b/.gitignore index bda7dd7..63e2d90 100644 --- a/.gitignore +++ b/.gitignore @@ -2,3 +2,5 @@ public/ .hugo_build.lock deploy +content/blog/syntax_highlighting_test.md + diff --git a/assets/css/syntax.css b/assets/css/syntax.css new file mode 100644 index 0000000..2349aa2 --- /dev/null +++ b/assets/css/syntax.css @@ -0,0 +1,2 @@ +/* overriding syntax.css */ + From d1942dc2bf5011d3c8b357d169904a61f6fe01d6 Mon Sep 17 00:00:00 2001 From: revsuine Date: Wed, 20 Nov 2024 00:33:56 +0000 Subject: [PATCH 11/22] update terminal theme --- themes/terminal | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/terminal b/themes/terminal index 08ec931..c779a70 160000 --- a/themes/terminal +++ b/themes/terminal @@ -1 +1 @@ -Subproject commit 08ec931ceabc3879e25d75f3b7b12801660012b6 +Subproject commit c779a7083471f5f6f7036dfd60e9ff9a321600f9 From 2a189f340c2ff29dd99a8b9401ad91f97f4f1fb1 Mon Sep 17 00:00:00 2001 From: revsuine Date: Wed, 20 Nov 2024 00:49:19 +0000 Subject: [PATCH 12/22] layout/partials/footer.html: add prismjs stuff to footer.html --- layouts/partials/footer.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 8b2f41a..36c2506 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -8,3 +8,11 @@ Generated with Hugo. Website source available href="https://github.com/panr/hugo-theme-terminal">Theme by panr, which is licensed under the MIT licence.

+ +{{ $menu := resources.Get "js/menu.js" | js.Build }} +{{ $prism := resources.Get "js/prism.js" | js.Build }} + +{{ $bundle := slice $menu $prism | resources.Concat "bundle.js" | resources.Minify }} + + + From 77602fcc977eafdd4759601bd2099cfbc61deaf2 Mon Sep 17 00:00:00 2001 From: revsuine Date: Wed, 20 Nov 2024 00:52:19 +0000 Subject: [PATCH 13/22] comment in footer --- layouts/partials/footer.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 36c2506..3320060 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -9,6 +9,8 @@ href="https://github.com/panr/hugo-theme-terminal">Theme by MIT licence.

+ + {{ $menu := resources.Get "js/menu.js" | js.Build }} {{ $prism := resources.Get "js/prism.js" | js.Build }} @@ -16,3 +18,5 @@ licensed under the + + From 327327717b3de9c47462b9cc984494b9bfa1e1d1 Mon Sep 17 00:00:00 2001 From: revsuine Date: Sun, 24 Nov 2024 01:49:05 +0000 Subject: [PATCH 14/22] content/blog/mail_server_alpine_postfix_dovecot_tutorial: code blocks css improvements --- assets/css/prism.css | 69 ++++++++++++++++++++++++++++++++++++++++++- assets/css/syntax.css | 5 +++- 2 files changed, 72 insertions(+), 2 deletions(-) diff --git a/assets/css/prism.css b/assets/css/prism.css index b570451..4367b25 100644 --- a/assets/css/prism.css +++ b/assets/css/prism.css @@ -11,7 +11,7 @@ code[class*="language-"], pre[class*="language-"] { color: #ebdbb2; /* fg1 / fg */ - font-family: Consolas, Monaco, "Andale Mono", monospace; + font-family: "Fira Code", "Ubuntu Mono", Consolas, Monaco, "Andale Mono", monospace; direction: ltr; text-align: left; white-space: pre; @@ -141,3 +141,70 @@ pre[class*="language-"] { .token.deleted { background: #fb4934; /* red2 */ } + +/* css for hover button from https://github.com/panr/hugo-theme-terminal/blob/master/assets/css/prism.css */ + +div.code-toolbar { + position: relative; +} + +div.code-toolbar > .toolbar { + position: absolute; + top: 0.3em; + right: 0.2em; + transition: opacity 0.3s ease-in-out; + opacity: 0; +} + +div.code-toolbar:hover > .toolbar { + opacity: 1; +} + +/* Separate line b/c rules are thrown out if selector is invalid. + IE11 and old Edge versions don't support :focus-within. */ +div.code-toolbar:focus-within > .toolbar { + opacity: 1; +} + +div.code-toolbar > .toolbar > .toolbar-item { + display: inline-block; +} + +div.code-toolbar > .toolbar > .toolbar-item > a { + cursor: pointer; +} + +div.code-toolbar > .toolbar > .toolbar-item > button { + background: none; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + + /* for button */ + user-select: none; +} + +div.code-toolbar > .toolbar > .toolbar-item > a, +div.code-toolbar > .toolbar > .toolbar-item > button, +div.code-toolbar > .toolbar > .toolbar-item > span { + color: #bbb; + font-size: 0.8em; + padding: 0 0.5em; + background: #f5f2f0; + background: rgba(224, 224, 224, 20%); + box-shadow: 0 2px 0 0 rgba(0, 0, 0, 20%); + border-radius: 0.5em; +} + +div.code-toolbar > .toolbar > .toolbar-item > a:hover, +div.code-toolbar > .toolbar > .toolbar-item > a:focus, +div.code-toolbar > .toolbar > .toolbar-item > button:hover, +div.code-toolbar > .toolbar > .toolbar-item > button:focus, +div.code-toolbar > .toolbar > .toolbar-item > span:hover, +div.code-toolbar > .toolbar > .toolbar-item > span:focus { + color: inherit; + text-decoration: none; +} diff --git a/assets/css/syntax.css b/assets/css/syntax.css index 2349aa2..f10338f 100644 --- a/assets/css/syntax.css +++ b/assets/css/syntax.css @@ -1,2 +1,5 @@ -/* overriding syntax.css */ +pre[class*=language-] { + margin: 0; + overflow: auto; +} From 77b3cf5e42fa78d2d5fff3d02146bbffea843bc0 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 25 Nov 2024 01:45:58 +0000 Subject: [PATCH 15/22] hugo.toml: enable post last updated --- hugo.toml | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/hugo.toml b/hugo.toml index d545ff2..c986c4e 100644 --- a/hugo.toml +++ b/hugo.toml @@ -46,7 +46,8 @@ theme = 'terminal' # set post to show the last updated # If you use git, you can set `enableGitInfo` to `true` and then post will automatically get the last updated - showLastUpdated = false + showLastUpdated = true + enableGitInfo = true # Provide a string as a prefix for the last update date. By default, it looks like this: 2020-xx-xx [Updated: 2020-xx-xx] :: Author # updatedDatePrefix = "Updated" From 319bc30e981c3a5948751ab9860fab7ce316cede Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 25 Nov 2024 02:04:25 +0000 Subject: [PATCH 16/22] themes/terminal: switch to my fork of the theme --- .gitmodules | 2 +- themes/terminal | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.gitmodules b/.gitmodules index e3d5e29..3cf9b07 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,6 +1,6 @@ [submodule "themes/terminal"] path = themes/terminal - url = https://github.com/panr/hugo-theme-terminal.git + url = https://git.revsuine.xyz/revsuine/hugo-theme-terminal.git [submodule "themes/boxgruv"] path = themes/boxgruv url = https://git.revsuine.xyz/revsuine/hugo-theme-boxgruv.git diff --git a/themes/terminal b/themes/terminal index b09f47a..ae454be 160000 --- a/themes/terminal +++ b/themes/terminal @@ -1 +1 @@ -Subproject commit b09f47aae7bc7f2fdeab523d15d2a8d217c4dad1 +Subproject commit ae454bef38f19aa066aefa2892005d3e0fe28129 From 3e7cbf0d4419fe36379d4a4f99dc0ac69f1cef26 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 25 Nov 2024 02:18:38 +0000 Subject: [PATCH 17/22] hugo.toml: add showWordCount --- hugo.toml | 3 +++ 1 file changed, 3 insertions(+) diff --git a/hugo.toml b/hugo.toml index c986c4e..a65398f 100644 --- a/hugo.toml +++ b/hugo.toml @@ -55,6 +55,9 @@ theme = 'terminal' # whether to show a page's estimated reading time # readingTime = false # default + # whether to show a page's word count + showWordCount = true + # whether to show a table of contents # can be overridden in a page's front-matter # Toc = false # default From e0a64994cac2acb766d960fdcbf45321805ca3d8 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 25 Nov 2024 02:28:03 +0000 Subject: [PATCH 18/22] static/style.css, static/gruvbox-material.css: move colour definitions to separate css file --- static/gruvbox-material.css | 37 +++++++++++++++++++++++++++++++++++++ static/style.css | 37 ++----------------------------------- 2 files changed, 39 insertions(+), 35 deletions(-) create mode 100644 static/gruvbox-material.css diff --git a/static/gruvbox-material.css b/static/gruvbox-material.css new file mode 100644 index 0000000..07fcebb --- /dev/null +++ b/static/gruvbox-material.css @@ -0,0 +1,37 @@ +:root { + /* gruvbox material medium dark https://github.com/sainnhe/gruvbox-material */ + --bg_dim: #1b1b1b; + --bg0: #282828; + --bg1: #32302f; + --bg2: #32302f; + --bg3: #45403d; + --bg4: #45403d; + --bg5: #5a524c; + --bg_statusline1: #32302f; + --bg_statusline2: #313735; + --bg_statusline3: #504945; + --bg_diff_green: #34381b; + --bg_visual_green: #3b4439; + --bg_diff_red: #402120; + --bg_visual_red: #4c3432; + --bg_diff_blue: #0e363e; + --bg_visual_blue: #373131; + --bg_visual_yellow: #4f422e; + --bg_current_word: #3c3836; + --fg0: #d4be98; + --fg1: #ddc7a1; + --red: #ea6962; + --orange: #e78a4e; + --yellow: #d8a657; + --green: #a9b665; + --aqua: #89b482; + --blue: #7daea3; + --purple: #d3869b; + --bg_red: #ea6962; + --bg_green: #a9b665; + --bg_yellow: #d8a657; + --grey0: #7c6f64; + --grey1: #928374; + --grey2: #a89984; +} + diff --git a/static/style.css b/static/style.css index 5d3a254..c53e154 100644 --- a/static/style.css +++ b/static/style.css @@ -1,39 +1,6 @@ -:root { - /* gruvbox material medium dark https://github.com/sainnhe/gruvbox-material */ - --bg_dim: #1b1b1b; - --bg0: #282828; - --bg1: #32302f; - --bg2: #32302f; - --bg3: #45403d; - --bg4: #45403d; - --bg5: #5a524c; - --bg_statusline1: #32302f; - --bg_statusline2: #313735; - --bg_statusline3: #504945; - --bg_diff_green: #34381b; - --bg_visual_green: #3b4439; - --bg_diff_red: #402120; - --bg_visual_red: #4c3432; - --bg_diff_blue: #0e363e; - --bg_visual_blue: #373131; - --bg_visual_yellow: #4f422e; - --bg_current_word: #3c3836; - --fg0: #d4be98; - --fg1: #ddc7a1; - --red: #ea6962; - --orange: #e78a4e; - --yellow: #d8a657; - --green: #a9b665; - --aqua: #89b482; - --blue: #7daea3; - --purple: #d3869b; - --bg_red: #ea6962; - --bg_green: #a9b665; - --bg_yellow: #d8a657; - --grey0: #7c6f64; - --grey1: #928374; - --grey2: #a89984; +@import url("gruvbox-material.css"); +:root { --background: var(--bg0); --foreground: var(--fg0); --accent: var(--green); From d8eec50530bc7875630527043a8c2b9a511698d4 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 25 Nov 2024 02:38:45 +0000 Subject: [PATCH 19/22] static/style.css, static/terminal.css: code styling --- static/style.css | 9 +++++++++ static/terminal.css | 12 +++++++----- 2 files changed, 16 insertions(+), 5 deletions(-) diff --git a/static/style.css b/static/style.css index c53e154..25987e1 100644 --- a/static/style.css +++ b/static/style.css @@ -5,6 +5,7 @@ --foreground: var(--fg0); --accent: var(--green); --faint_foreground: var(--grey0); + --code_background: var(--bg_dim); } /* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided @@ -21,3 +22,11 @@ opacity: 0.5; } +.code-toolbar { + border: 1px solid var(--bg3); +} + +code { + background: var(--code_background); +} + diff --git a/static/terminal.css b/static/terminal.css index 526d324..810ced8 100644 --- a/static/terminal.css +++ b/static/terminal.css @@ -1,7 +1,9 @@ +@import url("gruvbox-material.css"); + :root { - --background: #282828; - --foreground: #d4be98; - --accent: #a9b665; + --background: var(--bg0); + --foreground: var(--fg0); + --accent: var(--green); --font-size: 1rem; --line-height: 1.54rem; --radius: 0px; @@ -275,13 +277,13 @@ code code { pre { tab-size: 4; - background: color-mix(in srgb, var(--foreground) 5%, transparent) !important; + background: var(--bg_dim) !important; color: var(--foreground); padding: 20px 10px; font-size: 0.95rem !important; overflow: auto; border-radius: var(--radius); - border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent); + border: 1px solid var(--bg3); } pre code { From ae49705ff6cb41d9ea5015a1db34fdc531f36e01 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 25 Nov 2024 02:47:23 +0000 Subject: [PATCH 20/22] static/style.css: configure anchor and anchor hover styling --- static/style.css | 31 +++++++++++++++++++++++-------- 1 file changed, 23 insertions(+), 8 deletions(-) diff --git a/static/style.css b/static/style.css index 25987e1..aab7820 100644 --- a/static/style.css +++ b/static/style.css @@ -8,6 +8,29 @@ --code_background: var(--bg_dim); } +a { + color: var(--accent); + /* actually i don't like how transitions look */ + /* transition: 0.3s; */ +} + +a:hover { + color: var(--background) !important; + background-color: var(--accent) !important; +} + +.code-toolbar { + border: 1px solid var(--bg3); +} + +code { + background: var(--code_background); +} + +.footnotes { + color: var(--faint_foreground); +} + /* note: grey0 is actually fg0 with 0.5 opacity over bg0, so the below footer css has no effect. however, i've decided * to write it this way because i prefer to not use opacity to create colours when possible, instead setting * full-opacity explicit/unmodified colours. opacity is still used to create the dimmer hr in the footer. @@ -22,11 +45,3 @@ opacity: 0.5; } -.code-toolbar { - border: 1px solid var(--bg3); -} - -code { - background: var(--code_background); -} - From a4842f5f2f13bb4cd221fb9b6f7b841d953ca12e Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 25 Nov 2024 15:44:01 +0000 Subject: [PATCH 21/22] static/style.css: minor styling of anchor hovers, selection background --- static/style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/static/style.css b/static/style.css index aab7820..68719f4 100644 --- a/static/style.css +++ b/static/style.css @@ -6,6 +6,11 @@ --accent: var(--green); --faint_foreground: var(--grey0); --code_background: var(--bg_dim); + --highlight_background: var(--bg3); +} + +::selection, ::-moz-selection { + background: var(--highlight_background); } a { @@ -17,6 +22,7 @@ a { a:hover { color: var(--background) !important; background-color: var(--accent) !important; + text-decoration-line: none; } .code-toolbar { @@ -27,6 +33,10 @@ code { background: var(--code_background); } +.post-meta { + color: var(--faint_foreground); +} + .footnotes { color: var(--faint_foreground); } From 601b17c8b5d0f5cb8e26c6655a0264eb2abbd461 Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 25 Nov 2024 17:21:24 +0000 Subject: [PATCH 22/22] README.md, themes/boxgruv, .gitmodules: commit to using terminal as my theme, no longer have a separate branch for it, remove boxgruv theme --- .gitmodules | 3 --- README.md | 13 +------------ themes/boxgruv | 1 - 3 files changed, 1 insertion(+), 16 deletions(-) delete mode 160000 themes/boxgruv diff --git a/.gitmodules b/.gitmodules index 3cf9b07..0464326 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,6 +1,3 @@ [submodule "themes/terminal"] path = themes/terminal url = https://git.revsuine.xyz/revsuine/hugo-theme-terminal.git -[submodule "themes/boxgruv"] - path = themes/boxgruv - url = https://git.revsuine.xyz/revsuine/hugo-theme-boxgruv.git diff --git a/README.md b/README.md index 007792f..681ecf7 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # revsuine.xyz Website These are the markdown files used to build [my website](https://revsuine.xyz/) with [Hugo](https://gohugo.io/). The -live website is currently built off of the `terminal` branch. +website uses [panr's Terminal theme](https://github.com/panr/hugo-theme-terminal). ## Style @@ -9,17 +9,6 @@ Lines have a character limit of 120 where possible. ## Theming -### Theme Branches - -I have branches for each theme for the website. Commits to `master` should be theme-independent commits, e.g. new -posts. Theme branches should pull from `master` whenever there are new `master` commits. Commits exclusive to theme -branches should *only* be for changes relevant to the theme. - -Theme branches are what should be used to build the website. `master` should not be used for building/deployment, only -to store common changes among all branches. - -### [Terminal](https://github.com/panr/hugo-theme-terminal) - Colours taken from [gruvbox-material medium](https://github.com/sainnhe/gruvbox-material). | Element | Colour | diff --git a/themes/boxgruv b/themes/boxgruv deleted file mode 160000 index 3225b22..0000000 --- a/themes/boxgruv +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 3225b22c0403b217257193211e65f3eded4be70e