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 %}
![logo]({{ get_url(path=config.extra.logo, cachebust=true) }})
{% endif %}
-
+
-
+
{% 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") == "/" %}