diff --git a/sass/_base.scss b/sass/_base.scss index 907d56a..09248e7 100644 --- a/sass/_base.scss +++ b/sass/_base.scss @@ -104,27 +104,27 @@ h6 { } h1 { - font-size: 2em; + font-size: 1.6em; } h2 { - font-size: 1.25em; + font-size: 1em; } h3 { - font-size: 1.1em; + font-size: 0.86em; } h4 { - font-size: 1em; + font-size: 0.8em; } h5 { - font-size: 0.9em; + font-size: 0.72em; } h6 { - font-size: 0.8em; + font-size: 0.65em; } figure { @@ -137,7 +137,7 @@ figure { figcaption { margin-bottom: 0.5em; color: lighten($black, 40); - font-size: 0.85em; + font-size: 12px; width: 100%; text-align: center; } @@ -223,6 +223,14 @@ cite { font-size: 0.85em; } +ul > li { + list-style: square; +} + +ol > li { + list-style: inside decimal; +} + dt { border: 1px solid darken($white, 7%); padding: 0.5em; @@ -280,6 +288,18 @@ td:last-child { } } +sup, sub { + font-size: 75%; +} + +sup { + top: -0.6em +} + +sub { + bottom: -0.2em +} + var { font-weight: bold; } @@ -334,10 +354,13 @@ figure > table { pre, kbd { overflow-x: auto; - padding: 1rem; - line-height: 1.5; + padding: 0.9rem; margin: 0; } + +pre > code { + font-size: 13px; +} p > code, a > code, @@ -345,8 +368,8 @@ li > code, figcaption > code, td > code, kbd { - padding: 0.1rem 0.2rem; - font-size: 0.9em; + padding: 0.1rem 0.15rem; + font-size: 12px; background-color: darken($white, 15%); font-family: $base-font; } @@ -361,6 +384,7 @@ footer { margin-bottom: 23px; text-align: center; font-size: 12px; + line-height: 17px; width: 100%; > a { color: $shamrock-green; diff --git a/sass/_reset.scss b/sass/_reset.scss deleted file mode 100644 index b4d8c58..0000000 --- a/sass/_reset.scss +++ /dev/null @@ -1,276 +0,0 @@ -/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ -*, -*:before, -*:after { - box-sizing:border-box -} -html { - font-size: 18px; - -webkit-text-size-adjust: 100%; - text-size-adjust: 100%; - @media screen and (max-width: $small) { - font-size: 16px; - } -} - -body { - margin: 0; -} - -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { - margin:0; - padding:0; - border:0; - font:inherit; - font-size:100%; - vertical-align:baseline -} - -::selection { - color: $white; - background: #4dbe7a; -} - -::-moz-selection { - color: $white; - background: #4dbe7a; -} - -/* HTML5 display definitions - ========================================================================== */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; -} - -audio, -canvas, -progress, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -progress { - vertical-align: baseline; -} - -template, -[hidden] { - display: none; -} - -/* Links - ========================================================================== */ - -a { - background-color: transparent; -} - -a:active, -a:hover, -a:focus { - outline-width: 0; -} - -/* Text-level semantics - ========================================================================== */ - -abbr[title] { - border-bottom: none; - text-decoration: underline; - text-decoration: underline dotted; -} - -b, -strong { - font-weight: inherit; -} - -b, -strong { - font-weight: bolder; -} - -dfn { - font-style: italic; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -mark { - background-color: #ff0; - color: #000; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -img { - border-style: none; -} - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -code, -kbd, -pre, -samp { - font-family: $code-font; -} - -figure { - margin: 0; -} - -hr { - box-sizing: content-box; - overflow: visible; - height: 1px; - background-color: #dedede; - border: 0; -} - -/* Forms - ========================================================================== */ - -button, -input, -select, -textarea { - font: inherit; -} - -optgroup { - font-weight: bold; -} - -button, -input, -select { - overflow: visible; -} - -button, -input, -select, -textarea { - margin: 0; -} - -button, -select { - text-transform: none; -} - -button, -[type="button"], -[type="reset"], -[type="submit"] { - cursor: pointer; -} - -[disabled] { - cursor: default; -} - -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - outline: 0; - padding: 0; -} - -button:-moz-focusring, -input:-moz-focusring { - outline: 0; -} - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -textarea { - overflow: auto; -} - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; - padding: 0; -} - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -[type="search"] { - -webkit-appearance: textfield; -} - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} diff --git a/sass/_search.scss b/sass/_search.scss index 13d12a6..c6e569a 100644 --- a/sass/_search.scss +++ b/sass/_search.scss @@ -11,7 +11,7 @@ -webkit-appearance:none; -webkit-border-radius: 0; border-radius: 0; - padding: 0.5rem; + padding: 0.4rem; width: 100%; } } diff --git a/sass/_site.scss b/sass/_site.scss index 578d4f6..b3bf8aa 100644 --- a/sass/_site.scss +++ b/sass/_site.scss @@ -97,7 +97,7 @@ nav.nav-bar li.nav-active { nav.nav-bar li a { display: flex; - padding: 0.5rem; + padding: 0.4rem; color: $black; } @@ -270,10 +270,9 @@ a.zola-anchor { } } ul { - list-style-type: none; text-decoration: none; filter: drop-shadow(0 1px 7px); - font-size: 1em; + font-size: 0.8em; display: flex; flex-wrap: wrap; gap: 10px; @@ -290,6 +289,7 @@ a.zola-anchor { position: relative; transition-property: color; transition-duration: 0.2s; + list-style: none; &:before { content: ""; position: absolute; @@ -426,6 +426,7 @@ a.zola-anchor { margin-bottom: 18px; } p { + font-size: 16px; color: darken($white, 40); } .date { @@ -617,6 +618,7 @@ a.zola-anchor { .date-highlight { text-align: center; + font-size: 16px; margin: 0 0 50px; color: $overlay-color; display: -webkit-box; @@ -667,6 +669,7 @@ a.zola-anchor { > li { margin-bottom: 14px; padding-left: 20px; + list-style-type: none; } } .tags { @@ -675,6 +678,7 @@ a.zola-anchor { padding-left: 0; > li { text-transform: lowercase; + list-style-type: none; } } .tags:is(.project-tags) > ul { @@ -708,7 +712,7 @@ a.zola-anchor { overflow: auto; } .block-right { - overflow-y: inherit; + overflow-y: unset; } } @@ -763,7 +767,7 @@ a.zola-anchor { } } table { - font-size: 0.90rem; + font-size: 14px; } } @@ -817,9 +821,9 @@ a.zola-anchor { margin-top: 1em; &_pager { display: inline-block; - padding: 0.75em; + padding: 0.32em 0.1em; min-width: 5.5em; - font-size: 0.8em; + font-size: 16px; font-weight: 400; background-color: darken($white, 5%); color: darken($white, 35%) !important; diff --git a/sass/_utilities.scss b/sass/_utilities.scss index 297220d..28b27a8 100644 --- a/sass/_utilities.scss +++ b/sass/_utilities.scss @@ -24,9 +24,9 @@ .btn { display: inline-block; - padding: 0.5rem 0.75rem; + padding: 0.4rem 0.7rem; margin-bottom: 0.5rem; - font-size: 0.7rem; + font-size: 0.5rem; font-weight: 400; background-color: darken($white, 7%); color: lighten($black, 20%); @@ -115,9 +115,7 @@ } @mixin notice($notice-color) { - margin: 2rem 0 !important; - padding: 1rem; - font-size: 12px !important; + padding: 0.75rem; text-indent: initial; background-color: mix(#ddd, $notice-color, 73%); border-radius: 0; diff --git a/sass/main.scss b/sass/main.scss index 1beec37..a6f6412 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -1,5 +1,4 @@ @import "variables"; -@import "reset"; @import "base"; @import "site"; @import "search"; diff --git a/static/unstyle.css b/static/unstyle.css new file mode 100644 index 0000000..1bc1359 --- /dev/null +++ b/static/unstyle.css @@ -0,0 +1,124 @@ +/* Unstyle.css, pure HTML semantics */ +@layer unstyle { + :root { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + * { + min-width: 0; + padding: unset; + border: unset; + margin: unset; + color: inherit; + font: inherit; + } + + section, article, header, main, footer, aside, p, details, address, nav, figure, figcaption, canvas, img, video, audio, progress, fieldset, legend { + display: block; + } + + button, input, select { + all: unset; + display: inline-block; + cursor: pointer; + } + + button::-moz-focus-inner, input::-moz-focus-inner { + padding: 0; + border: 0; + } + + input[type="search"] { + box-sizing: content-box; + -webkit-appearance: textfield; + } + input[type="search"]::-webkit-search-decoration, + input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; + } + input[type="number"]::-webkit-inner-spin-button, + input[type="number"]::-webkit-outer-spin-button { + height: auto; + } + + textarea { + border-radius: 0; + vertical-align: top; + } + + textarea, pre { + overflow: auto; + } + + ol, ul, li, dl, dt, dd { + list-style: none; + } + + table { + border-collapse: collapse; + border-spacing: 0; + } + + hr { + box-sizing: content-box; + height: 0; + } + + a, a:hover, a:active { + text-decoration: none; + } + + b { + font-weight: bolder; + } + i { + font-style: italic; + } + + svg { + fill: currentColor; + } + svg:not(:root) { + overflow: hidden; + } + + /* Consistent superscript/subscript, font-size based on PhotoShop algorithm */ + sup, sub { + position: relative; + vertical-align: middle; + font-size: 58.3%; + line-height: 0; + } + + /* ~33.3% up or down for superscript and subscript; You may need to adjust for custom fonts */ + sup { + top: -0.33333em; + } + sub { + top: 0.33333em; + } + + + html, body { + height: 100%; + width: 100%; + } + + html { + font: 20px/1.5 sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: subpixel-antialiased; + text-overflow: ellipsis; + } + + body { + overflow-x: hidden; + overflow-y: scroll; + } +} diff --git a/templates/index.html b/templates/index.html index d868a80..08691eb 100644 --- a/templates/index.html +++ b/templates/index.html @@ -5,10 +5,10 @@
{% if config.extra.home.logo.enabled == true %}{% endif %}

- {{ config.extra.home.title | safe }} + {{ config.extra.home.title | safe }}

- {{ config.extra.home.subtitle | safe }} + {{ config.extra.home.subtitle | safe }}


{% include "partials/social-links.html" %} diff --git a/templates/partials/head.html b/templates/partials/head.html index 994fd86..1158132 100644 --- a/templates/partials/head.html +++ b/templates/partials/head.html @@ -99,6 +99,7 @@ + {%- if config.extra.home.glitch == true %} {%- if current_path | default(value="none") == "/" %}