commit 3789f6388b33b378dbfa06d0fba03034001b3919 from: Caleb Stein date: Mon May 25 23:36:56 2026 UTC bundle css commit - 709bdacd19551d41b5141f9189f2c397de5e2b4c commit + 3789f6388b33b378dbfa06d0fba03034001b3919 blob - /dev/null blob + e492c4f2a717544c5414d0241601663e70b93d84 (mode 644) --- /dev/null +++ assets/css/nord.css @@ -0,0 +1,231 @@ +/* + * Copyright (c) 2016-present Sven Greb + * This source code is licensed under the MIT license found in the license file. + */ + +/* + * References: + * 1. https://www.w3.org/TR/css-variables + * 2. https://www.w3.org/TR/selectors/#root-pseudo + * 3. https://drafts.csswg.org/css-variables + * 4. https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables + * 5. https://warpspire.com/kss + * 6. https://github.com/kss-node/kss-node + */ + +/* +An arctic, north-bluish color palette. +Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax +highlighting and UI. +It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful +ambiance. + +Styleguide Nord +*/ + +:root { + /* + Base component color of "Polar Night". + + Used for texts, backgrounds, carets and structuring characters like curly- and square brackets. + + Markup: +
+ + Styleguide Nord - Polar Night + */ + --nord0: #2e3440; + + /* + Lighter shade color of the base component color. + + Used as a lighter background color for UI elements like status bars. + + Markup: +
+ + Styleguide Nord - Polar Night + */ + --nord1: #3b4252; + + /* + Lighter shade color of the base component color. + + Used as line highlighting in the editor. + In the UI scope it may be used as selection- and highlight color. + + Markup: +
+ + Styleguide Nord - Polar Night + */ + --nord2: #434c5e; + + /* + Lighter shade color of the base component color. + + Used for comments, invisibles, indent- and wrap guide marker. + In the UI scope used as pseudoclass color for disabled elements. + + Markup: +
+ + Styleguide Nord - Polar Night + */ + --nord3: #4c566a; + + /* + Base component color of "Snow Storm". + + Main color for text, variables, constants and attributes. + In the UI scope used as semi-light background depending on the theme shading design. + + Markup: +
+ + Styleguide Nord - Snow Storm + */ + --nord4: #d8dee9; + + /* + Lighter shade color of the base component color. + + Used as a lighter background color for UI elements like status bars. + Used as semi-light background depending on the theme shading design. + + Markup: +
+ + Styleguide Nord - Snow Storm + */ + --nord5: #e5e9f0; + + /* + Lighter shade color of the base component color. + + Used for punctuations, carets and structuring characters like curly- and square brackets. + In the UI scope used as background, selection- and highlight color depending on the theme shading design. + + Markup: +
+ + Styleguide Nord - Snow Storm + */ + --nord6: #eceff4; + + /* + Bluish core color. + + Used for classes, types and documentation tags. + + Markup: +
+ + Styleguide Nord - Frost + */ + --nord7: #8fbcbb; + + /* + Bluish core accent color. + + Represents the accent color of the color palette. + Main color for primary UI elements and methods/functions. + + Can be used for + - Markup quotes + - Markup link URLs + + Markup: +
+ + Styleguide Nord - Frost + */ + --nord8: #88c0d0; + + /* + Bluish core color. + + Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and + punctuations like (semi)colons,commas and braces. + + Markup: +
+ + Styleguide Nord - Frost + */ + --nord9: #81a1c1; + + /* + Bluish core color. + + Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`). + + Markup: +
+ + Styleguide Nord - Frost + */ + --nord10: #5e81ac; + + /* + Colorful component color. + + Used for errors, git/diff deletion and linter marker. + + Markup: +
+ + Styleguide Nord - Aurora + */ + --nord11: #bf616a; + + /* + Colorful component color. + + Used for annotations. + + Markup: +
+ + Styleguide Nord - Aurora + */ + --nord12: #d08770; + + /* + Colorful component color. + + Used for escape characters, regular expressions and markup entities. + In the UI scope used for warnings and git/diff renamings. + + Markup: +
+ + Styleguide Nord - Aurora + */ + --nord13: #ebcb8b; + + /* + Colorful component color. + + Main color for strings and attribute values. + In the UI scope used for git/diff additions and success visualizations. + + Markup: +
+ + Styleguide Nord - Aurora + */ + --nord14: #a3be8c; + + /* + Colorful component color. + + Used for numbers. + + Markup: +
+ + Styleguide Nord - Aurora + */ + --nord15: #b48ead; +} blob - /dev/null blob + 7796284d7f1ac96cf6baefb715d2ee0c95f48885 (mode 644) --- /dev/null +++ assets/css/style.css @@ -0,0 +1,94 @@ +::selection { + background-color: var(--nord10); +} + +body { + font-family: serif ; + background: var(--nord0) ; + color: var(--nord4) ; +} + +main { + max-width: 800px ; + margin: auto ; +} + +a { + color: var(--nord9); + transition: color 0.2s ease-in-out; + text-decoration: none; +} + +a:hover { + color: var(--nord8); + transition: color 0.2s ease-in-out; +} + +img { + max-width: 100% ; + border-radius: 4px; +} + +header h1 a, +header h1 { + text-align: center ; + color: var(--nord15); +} + +h3 { + color: var(--nord15); +} + +hr { + border: none; + height: 2px; + margin: 32px 0; + background-color: var(--nord4); +} + +.links-table { + border-collapse: collapse; + margin: 0 auto; + box-shadow: 0 10px 15px var(--nord2); +} + +th, td { + border: 2px solid var(--nord3); + padding: 4px 16px; +} + +footer { + text-align: center ; + clear: both ; +} + +#tagcloud { + list-style-type: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 12px 64px; + padding-inline-start: 0; +} + +/* For TAGLIST.HTML */ +.taglist { + text-align: center ; + clear: both ; +} + +/* For NEXTPREV.HTML */ +#nextprev { + /* The container for both the previous and next articles. */ +} +#prevart { + float: left ; + text-align: left ; +} +#nextart { + float: right ; + text-align: right ; +} +#nextart,#prevart { + max-width: 33% ; +} blob - cd5dc1539ff7a72629832e3819da7991de6ce1cd blob + b3adc56b22c149a988b63cfe03bbbff1ba2c03d8 --- public/about-me/index.html +++ public/about-me/index.html @@ -4,8 +4,10 @@ About Me | Simeon Stein - - + + + + blob - 05ef5082121c238f9f635ae334e98b22cb9ab84b blob + 5cdf46497adc39e71419a811660fc9132c5a248e --- public/articles/about-simeon/index.html +++ public/articles/about-simeon/index.html @@ -4,8 +4,10 @@ About Simeon | Simeon Stein - - + + + + blob - 1a4aac01bb7198937d6a1697d0be897a74729796 blob + c97de33484a9a3a64a7757d941a451e45cfbf02b --- public/articles/index.html +++ public/articles/index.html @@ -4,8 +4,10 @@ Articles | Simeon Stein - - + + + + blob - ddedc949f7ce3305172e6731ee2ed6a67ed271c8 blob + 5743e97acd6b39151daf917a7570dca4a8889413 --- public/categories/index.html +++ public/categories/index.html @@ -4,8 +4,10 @@ Categories | Simeon Stein - - + + + + blob - 1cf030f38684d74e396b015a71b0a2d67981bbd6 blob + 16072ad97d68724b16534919733c90256c200ab2 --- public/index.html +++ public/index.html @@ -5,8 +5,10 @@ Simeon Stein - - + + + + blob - /dev/null blob + 79519acc51903431250aae375417c7d07b217b12 (mode 644) --- /dev/null +++ public/css/bundle.min.ac5e110014d5f4ac0609a83156c85917c4d0696946c55fec2abb4878679c861e.css @@ -0,0 +1 @@ +:root{--nord0:#2e3440;--nord1:#3b4252;--nord2:#434c5e;--nord3:#4c566a;--nord4:#d8dee9;--nord5:#e5e9f0;--nord6:#eceff4;--nord7:#8fbcbb;--nord8:#88c0d0;--nord9:#81a1c1;--nord10:#5e81ac;--nord11:#bf616a;--nord12:#d08770;--nord13:#ebcb8b;--nord14:#a3be8c;--nord15:#b48ead}::selection{background-color:var(--nord10)}body{font-family:serif;background:var(--nord0);color:var(--nord4)}main{max-width:800px;margin:auto}a{color:var(--nord9);transition:color .2s ease-in-out;text-decoration:none}a:hover{color:var(--nord8);transition:color .2s ease-in-out}img{max-width:100%;border-radius:4px}header h1 a,header h1{text-align:center;color:var(--nord15)}h3{color:var(--nord15)}hr{border:none;height:2px;margin:32px 0;background-color:var(--nord4)}.links-table{border-collapse:collapse;margin:0 auto;box-shadow:0 10px 15px var(--nord2)}th,td{border:2px solid var(--nord3);padding:4px 16px}footer{text-align:center;clear:both}#tagcloud{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 64px;padding-inline-start:0}.taglist{text-align:center;clear:both}#prevart{float:left;text-align:left}#nextart{float:right;text-align:right}#nextart,#prevart{max-width:33%} \ No newline at end of file blob - 7796284d7f1ac96cf6baefb715d2ee0c95f48885 blob + d3b2088cd6bd82da75bffbc3a3412efafdc07673 --- public/style.css +++ public/style.css @@ -1,11 +1,7 @@ -::selection { - background-color: var(--nord10); -} - body { - font-family: serif ; - background: var(--nord0) ; - color: var(--nord4) ; + font-family: sans-serif ; + background: #110000 ; + color: #ccc ; } main { @@ -13,64 +9,19 @@ main { margin: auto ; } -a { - color: var(--nord9); - transition: color 0.2s ease-in-out; - text-decoration: none; -} - -a:hover { - color: var(--nord8); - transition: color 0.2s ease-in-out; -} - img { max-width: 100% ; - border-radius: 4px; } -header h1 a, header h1 { text-align: center ; - color: var(--nord15); } -h3 { - color: var(--nord15); -} - -hr { - border: none; - height: 2px; - margin: 32px 0; - background-color: var(--nord4); -} - -.links-table { - border-collapse: collapse; - margin: 0 auto; - box-shadow: 0 10px 15px var(--nord2); -} - -th, td { - border: 2px solid var(--nord3); - padding: 4px 16px; -} - footer { text-align: center ; clear: both ; } -#tagcloud { - list-style-type: none; - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 12px 64px; - padding-inline-start: 0; -} - /* For TAGLIST.HTML */ .taglist { text-align: center ; blob - c03281500d48eba1c1210d5ea5f2bb83d354ee72 blob + b145b2093f50aea763e97ef5576fe80b720b69e1 --- public/tags/church/index.html +++ public/tags/church/index.html @@ -4,8 +4,10 @@ Church | Simeon Stein - - + + + + blob - c940b91b411fe35c56c8c13db6e681db0ec80ec8 blob + 6475ddbb324c509ef81356d2dfe872f4d808021f --- public/tags/index.html +++ public/tags/index.html @@ -4,8 +4,10 @@ Tags | Simeon Stein - - + + + + blob - 3605925724bbac570a88f8a8b8443782c9af13b5 blob + 40d6b369392ae5a6b9bd553bfc59c84134bdc424 --- public/tags/personal/index.html +++ public/tags/personal/index.html @@ -4,8 +4,10 @@ Personal | Simeon Stein - - + + + + blob - 08c40a688468479ee8655b05c3602e2637d371a0 blob + a92ac5b0511037bd535c106c2d1fd458c6e1b8c2 --- public/tags/saints/index.html +++ public/tags/saints/index.html @@ -4,8 +4,10 @@ Saints | Simeon Stein - - + + + + blob - e492c4f2a717544c5414d0241601663e70b93d84 (mode 644) blob + /dev/null --- static/nord.css +++ /dev/null @@ -1,231 +0,0 @@ -/* - * Copyright (c) 2016-present Sven Greb - * This source code is licensed under the MIT license found in the license file. - */ - -/* - * References: - * 1. https://www.w3.org/TR/css-variables - * 2. https://www.w3.org/TR/selectors/#root-pseudo - * 3. https://drafts.csswg.org/css-variables - * 4. https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables - * 5. https://warpspire.com/kss - * 6. https://github.com/kss-node/kss-node - */ - -/* -An arctic, north-bluish color palette. -Created for the clean- and minimal flat design pattern to achieve a optimal focus and readability for code syntax -highlighting and UI. -It consists of a total of sixteen, carefully selected, dimmed pastel colors for a eye-comfortable, but yet colorful -ambiance. - -Styleguide Nord -*/ - -:root { - /* - Base component color of "Polar Night". - - Used for texts, backgrounds, carets and structuring characters like curly- and square brackets. - - Markup: -
- - Styleguide Nord - Polar Night - */ - --nord0: #2e3440; - - /* - Lighter shade color of the base component color. - - Used as a lighter background color for UI elements like status bars. - - Markup: -
- - Styleguide Nord - Polar Night - */ - --nord1: #3b4252; - - /* - Lighter shade color of the base component color. - - Used as line highlighting in the editor. - In the UI scope it may be used as selection- and highlight color. - - Markup: -
- - Styleguide Nord - Polar Night - */ - --nord2: #434c5e; - - /* - Lighter shade color of the base component color. - - Used for comments, invisibles, indent- and wrap guide marker. - In the UI scope used as pseudoclass color for disabled elements. - - Markup: -
- - Styleguide Nord - Polar Night - */ - --nord3: #4c566a; - - /* - Base component color of "Snow Storm". - - Main color for text, variables, constants and attributes. - In the UI scope used as semi-light background depending on the theme shading design. - - Markup: -
- - Styleguide Nord - Snow Storm - */ - --nord4: #d8dee9; - - /* - Lighter shade color of the base component color. - - Used as a lighter background color for UI elements like status bars. - Used as semi-light background depending on the theme shading design. - - Markup: -
- - Styleguide Nord - Snow Storm - */ - --nord5: #e5e9f0; - - /* - Lighter shade color of the base component color. - - Used for punctuations, carets and structuring characters like curly- and square brackets. - In the UI scope used as background, selection- and highlight color depending on the theme shading design. - - Markup: -
- - Styleguide Nord - Snow Storm - */ - --nord6: #eceff4; - - /* - Bluish core color. - - Used for classes, types and documentation tags. - - Markup: -
- - Styleguide Nord - Frost - */ - --nord7: #8fbcbb; - - /* - Bluish core accent color. - - Represents the accent color of the color palette. - Main color for primary UI elements and methods/functions. - - Can be used for - - Markup quotes - - Markup link URLs - - Markup: -
- - Styleguide Nord - Frost - */ - --nord8: #88c0d0; - - /* - Bluish core color. - - Used for language-specific syntactic/reserved support characters and keywords, operators, tags, units and - punctuations like (semi)colons,commas and braces. - - Markup: -
- - Styleguide Nord - Frost - */ - --nord9: #81a1c1; - - /* - Bluish core color. - - Used for markup doctypes, import/include/require statements, pre-processor statements and at-rules (`@`). - - Markup: -
- - Styleguide Nord - Frost - */ - --nord10: #5e81ac; - - /* - Colorful component color. - - Used for errors, git/diff deletion and linter marker. - - Markup: -
- - Styleguide Nord - Aurora - */ - --nord11: #bf616a; - - /* - Colorful component color. - - Used for annotations. - - Markup: -
- - Styleguide Nord - Aurora - */ - --nord12: #d08770; - - /* - Colorful component color. - - Used for escape characters, regular expressions and markup entities. - In the UI scope used for warnings and git/diff renamings. - - Markup: -
- - Styleguide Nord - Aurora - */ - --nord13: #ebcb8b; - - /* - Colorful component color. - - Main color for strings and attribute values. - In the UI scope used for git/diff additions and success visualizations. - - Markup: -
- - Styleguide Nord - Aurora - */ - --nord14: #a3be8c; - - /* - Colorful component color. - - Used for numbers. - - Markup: -
- - Styleguide Nord - Aurora - */ - --nord15: #b48ead; -} blob - 7796284d7f1ac96cf6baefb715d2ee0c95f48885 (mode 644) blob + /dev/null --- static/style.css +++ /dev/null @@ -1,94 +0,0 @@ -::selection { - background-color: var(--nord10); -} - -body { - font-family: serif ; - background: var(--nord0) ; - color: var(--nord4) ; -} - -main { - max-width: 800px ; - margin: auto ; -} - -a { - color: var(--nord9); - transition: color 0.2s ease-in-out; - text-decoration: none; -} - -a:hover { - color: var(--nord8); - transition: color 0.2s ease-in-out; -} - -img { - max-width: 100% ; - border-radius: 4px; -} - -header h1 a, -header h1 { - text-align: center ; - color: var(--nord15); -} - -h3 { - color: var(--nord15); -} - -hr { - border: none; - height: 2px; - margin: 32px 0; - background-color: var(--nord4); -} - -.links-table { - border-collapse: collapse; - margin: 0 auto; - box-shadow: 0 10px 15px var(--nord2); -} - -th, td { - border: 2px solid var(--nord3); - padding: 4px 16px; -} - -footer { - text-align: center ; - clear: both ; -} - -#tagcloud { - list-style-type: none; - display: flex; - flex-wrap: wrap; - justify-content: center; - gap: 12px 64px; - padding-inline-start: 0; -} - -/* For TAGLIST.HTML */ -.taglist { - text-align: center ; - clear: both ; -} - -/* For NEXTPREV.HTML */ -#nextprev { - /* The container for both the previous and next articles. */ -} -#prevart { - float: left ; - text-align: left ; -} -#nextart { - float: right ; - text-align: right ; -} -#nextart,#prevart { - max-width: 33% ; -} blob - a3c6a65646e20ba86ac46b539fdb19a7c9298de5 blob + e5b88e68af35fa358fdf5cbef3e4e985afe2454a --- themes/lugo/layouts/_default/baseof.html +++ themes/lugo/layouts/_default/baseof.html @@ -4,8 +4,10 @@ {{ if not .IsHome }}{{ .Title | title }} | {{ end }}{{ .Site.Title }} - - + {{ $nord := resources.Get "/css/nord.css" }} + {{ $style := resources.Get "/css/style.css" }} + {{ $bundle := slice $nord $style | resources.Concat "/css/bundle.css" | minify | fingerprint }} + {{ with .Site.Params.favicon }} {{ end -}}