From 6dd4bb0b8e748554d761fc978a6e125f0e9a371a Mon Sep 17 00:00:00 2001 From: revsuine Date: Mon, 18 Nov 2024 20:51:21 +0000 Subject: [PATCH] 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; +}