From 89a1fd5dee1d5620b0458276ad44aea714e6939a Mon Sep 17 00:00:00 2001
From: weru <onewesh@gmail.com>
Date: Tue, 06 Oct 2020 11:07:22 +0000
Subject: [PATCH] update
---
layouts/_default/baseof.html | 2
layouts/shortcodes/youtube.html | 4 +-
exampleSite/content/docs/shortcodes.md | 0
exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json | 2
exampleSite/content/docs/getting-started.md | 0
layouts/shortcodes/image.html | 2
layouts/shortcodes/icon.html | 4 +-
exampleSite/content/docs/shortcodes-example.md | 0
exampleSite/content/docs/overview.md | 0
exampleSite/config.toml | 2
layouts/shortcodes/picture.html | 6 +-
layouts/partials/scripts.html | 4 +-
layouts/partials/search.html | 4 +
exampleSite/content/docs/_index.md | 1
exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content | 2
assets/sass/_base.sass | 2
exampleSite/content/docs/dummy-content.md | 0
layouts/404.html | 2
assets/sass/_components.sass | 8 +++
README.md | 9 +++-
layouts/partials/sprite.html | 3 +
assets/sass/_nav.sass | 4 ++
layouts/shortcodes/button.html | 4 +-
layouts/shortcodes/column.html | 2
assets/sass/_variables.sass | 2
layouts/partials/head.html | 2
26 files changed, 44 insertions(+), 27 deletions(-)
diff --git a/README.md b/README.md
index fcc3f11..68e4170 100644
--- a/README.md
+++ b/README.md
@@ -10,11 +10,11 @@
2. Gallery Support (via shortcode)
3. Native lazy loading of images
-## Installation
+## Installation
Install a recent release of the Hugo "extended" version; ideally versions `>= 0.61.0`. If you install from [hugo releases page](https://github.com/gohugoio/hugo/releases), download the `_extended` version, which supports sass.
-## Example
+## Example
You can find an example project that uses Compose in the [Compose Userguide](https://github.com/onweru/compose-userguide), which also stands as the theme's user guide.
@@ -34,10 +34,13 @@
Under `params` add `darkMode = false` to your `config.toml` file. If your site is based on the exampleSite, the value is already included; you only need to uncomment it.
+> The user will still have the option to activate dark mode, if they so wish
+
## From the same creator
-1. [Swift Theme](https://github.com/onweru/hugo-swift-theme)
+1. [Clarity Theme](https://github.com/chipzoller/hugo-clarity)
2. [Newsroom Theme](https://github.com/onweru/newsroom)
+3. [Swift Theme](https://github.com/onweru/hugo-swift-theme)
## License
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index 603732d..938ee76 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -112,7 +112,7 @@
aside
position: sticky
top: 2.5rem
- max-height: 90vh
+ max-height: 80vh
overflow-y: auto
background: var(--accent)
padding: 1rem 1.5rem
diff --git a/assets/sass/_components.sass b/assets/sass/_components.sass
index b790def..4bd272d 100644
--- a/assets/sass/_components.sass
+++ b/assets/sass/_components.sass
@@ -28,6 +28,8 @@
width: 13.5rem
outline: none
border: none
+ background: transparent
+ color: var(--text)
box-shadow: 0 1rem 4rem rgba(0,0,0,0.17)
font-size: 1rem
&_label
@@ -42,6 +44,7 @@
padding: 0.5rem 1rem
&:hover
background-color: var(--theme)
+ color: var(--light)
&s
width: 13.5rem
background-color: var(--overlay)
@@ -56,6 +59,7 @@
&_title
padding: 0.5rem 1rem 0.5rem 1rem
background: var(--theme)
+ color: var(--light)
font-size: 0.9rem
opacity: 0.87
text-transform: uppercase
@@ -168,7 +172,7 @@
padding: 0.5rem 1rem
border-radius: 0.25rem
width: 12.5rem
- max-width: initial
+ max-width: 40vw
position: relative
display: flex
align-items: center
@@ -190,9 +194,11 @@
// filter: opacity(0.87)
&.prev
align-items: flex-start
+ // margin-right: 0.5rem
&.next
align-items: flex-end
+ // margin-left: 0.5rem
&::after
content: ""
diff --git a/assets/sass/_nav.sass b/assets/sass/_nav.sass
index 5712c1e..77b2869 100644
--- a/assets/sass/_nav.sass
+++ b/assets/sass/_nav.sass
@@ -31,6 +31,8 @@
display: none
&_body
display: flex
+ flex-direction: column
+ background: var(--accent)
position: fixed
height: 100vh
transform: translateX(-101vw)
@@ -39,6 +41,8 @@
position: relative
height: initial
justify-content: flex-end
+ background: transparent
+ flex-direction: row
&-link
display: inline-flex
padding: 0.5rem 1rem
diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass
index e0bf38c..aa9e5a4 100644
--- a/assets/sass/_variables.sass
+++ b/assets/sass/_variables.sass
@@ -30,7 +30,7 @@
&::after
transform: translateX(1.75rem) scale(1.67)
- &.has_magic:not(.nodarkmode):not([data-mode="lit"])
+ &.dim:not([data-mode="lit"])
@media (prefers-color-scheme: dark)
@include darkmode
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 61c8036..82b5a53 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -38,7 +38,7 @@
time_format_blog = "Monday, January 02, 2006"
time_format_default = "January 2, 2006"
- darkMode = true # set to false to disable darkmode by default
+ darkMode = true # set to false to disable darkmode by default # user will still have the option to use dark mode
[params.logo]
lightMode = "compose.svg"
darkMode = "compose-light.svg"
diff --git a/exampleSite/content/docs/_index.md b/exampleSite/content/docs/_index.md
index dff1ecf..a663318 100644
--- a/exampleSite/content/docs/_index.md
+++ b/exampleSite/content/docs/_index.md
@@ -1,4 +1,3 @@
-
---
title: "Compose Docs"
weight: 1
diff --git a/exampleSite/content/docs/getting started/dummy-content.md b/exampleSite/content/docs/dummy-content.md
similarity index 100%
rename from exampleSite/content/docs/getting started/dummy-content.md
rename to exampleSite/content/docs/dummy-content.md
diff --git a/exampleSite/content/docs/getting started/_index.md b/exampleSite/content/docs/getting-started.md
similarity index 100%
rename from exampleSite/content/docs/getting started/_index.md
rename to exampleSite/content/docs/getting-started.md
diff --git a/exampleSite/content/docs/getting started/overview.md b/exampleSite/content/docs/overview.md
similarity index 100%
rename from exampleSite/content/docs/getting started/overview.md
rename to exampleSite/content/docs/overview.md
diff --git a/exampleSite/content/docs/getting started/shortcodes-example.md b/exampleSite/content/docs/shortcodes-example.md
similarity index 100%
rename from exampleSite/content/docs/getting started/shortcodes-example.md
rename to exampleSite/content/docs/shortcodes-example.md
diff --git a/exampleSite/content/docs/getting started/shortcodes/index.md b/exampleSite/content/docs/shortcodes.md
similarity index 100%
rename from exampleSite/content/docs/getting started/shortcodes/index.md
rename to exampleSite/content/docs/shortcodes.md
diff --git a/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content b/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content
index fb5874c..d907f5b 100644
--- a/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content
+++ b/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.content
@@ -1,3 +1,3 @@
-html{--color-mode: "lit";--light: #fff;--dark: rgb(28,28,30);--haze: #f2f5f2;--bubble: rgb(36,36,38);--accent: var(--gray);--bg: var(--light);--overlay: var(--light);--text: #111;--font: 'Metropolis', sans-serif;--border-color: #eee;--theme: rgb(52,199,89)}html[data-mode="dim"]{--color-mode: "dim";--theme: rgb(48,209,88);--bg: var(--dark);--text: #eee;--accent: var(--bubble);--overlay: var(--bubble);--border-color: transparent}html[data-mode="dim"] *{box-shadow:none !important}html[data-mode="dim"] .color_choice::after{transform:translateX(1.75rem) scale(1.67)}@media (prefers-color-scheme: dark){html.has_magic:not(.nodarkmode):not([data-mode="lit"]){--color-mode: "dim";--theme: rgb(48,209,88);--bg: var(--dark);--text: #eee;--accent: var(--bubble);--overlay: var(--bubble);--border-color: transparent}html.has_magic:not(.nodarkmode):not([data-mode="lit"]) *{box-shadow:none !important}}*{box-sizing:border-box;-webkit-appearance:none;margin:0;padding:0}body,html{scroll-behavior:smooth;font-kerning:normal;-webkit-text-size-adjust:100%}body{font-family:var(--font);background-color:var(--bg);color:var(--text);font-size:16px;line-height:1.5;max-width:1440px;margin:0 auto;position:relative;font-kerning:normal;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}p{padding:1rem 0}li{padding:0.25rem 0}li p{padding:0.5rem 0}blockquote{opacity:0.8;padding:1rem;position:relative;quotes:"“" "”" "‘" "’";margin:0.75rem 0;display:flex;flex-flow:row wrap;background-repeat:no-repeat;background-size:5rem;background-position:50% 50%;position:relative}blockquote::before{content:"";padding:1px;position:absolute;top:0;bottom:0;left:0;background:var(--theme)}blockquote p{padding-left:0.5rem 0 !important;font-size:1.1rem !important;width:100%;font-weight:300;font-style:italic}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;padding:0.33rem 0;color:inherit;line-height:1.35}h1{font-size:200%}h2{font-size:175%}h3{font-size:150%}h4{font-size:125%}h5{font-size:120%}h6{font-size:100%}img,svg,figure{max-width:100%;vertical-align:middle}img{height:auto;margin:1rem auto;padding:0}main{padding-bottom:45px;flex:1}ol,ul{list-style:none}b,strong{font-weight:500}hr{border:none;padding:0.5px;background:var(--text);opacity:0.5;margin:1rem 0}aside{position:sticky;top:2.5rem;max-height:90vh;overflow-y:auto;background:var(--accent);padding:1rem 1.5rem;padding-bottom:2rem;border-radius:0.25rem}aside h3{position:relative}aside ul{padding:0;list-style:none}th,td{padding:0.5rem;font-weight:400 !important}th:not(:first-child),td:not(:first-child){padding-left:1.5rem}thead{background:var(--theme);color:var(--light);font-weight:400;text-align:left}tbody tr:nth-child(even){background-color:var(--gray);box-shadow:0 1rem 0.75rem -0.75rem rgba(0,0,0,0.07)}table{margin:1.5rem 0;width:100%}.main{flex:1}.page-home h1{font-weight:300}.content ul,.content ol{padding-left:1.1rem}.content ul{list-style:initial}.content ol{list-style:decimal}::placeholder{font-size:1rem}.nav{display:grid;grid-gap:1rem;padding:0 1.5rem !important;align-items:center;background-color:var(--bg)}@media screen and (min-width: 992px){.nav{grid-template-columns:10rem 1fr}}.nav_brand{position:relative}.nav_brand picture,.nav_brand img{max-width:10rem}.nav_header{position:absolute;top:0;left:0;width:100%;background-color:var(--bg);z-index:999999}.nav_toggle{position:absolute;top:0;bottom:0;width:3rem;display:grid;align-items:center;text-align:center;right:0;color:var(--text)}@media screen and (min-width: 992px){.nav_toggle{display:none}}.nav_body{display:flex;position:fixed;height:100vh;transform:translateX(-101vw)}@media screen and (min-width: 992px){.nav_body{transform:translateX(0);position:relative;height:initial;justify-content:flex-end}}.nav-link{display:inline-flex;padding:0.5rem 1rem}.nav-item{display:grid;align-items:center}@media screen and (min-width: 992px){.nav-item .search{margin-right:1.5rem}}.section_title{font-size:1.1rem}.section_link{font-size:1rem;font-weight:400}.sidebar-link{display:grid;padding:0.2rem 0}.toc{border-left:2px solid var(--theme);padding:0 1rem;height:0;overflow:hidden}.toc_active{height:initial}.search{flex:1;display:flex;justify-content:flex-end;position:relative}.search_field{padding:0.5rem 1.5rem 0.5rem 2.5rem;border-radius:1.5rem;width:13.5rem;outline:none;border:none;box-shadow:0 1rem 4rem rgba(0,0,0,0.17);font-size:1rem}.search_label{background-image:url(/images/search.svg);width:1.25rem;height:1.25rem;position:absolute;right:11.5rem;top:0.5rem;opacity:0.33}.search_result{padding:0.5rem 1rem}.search_result:hover{background-color:var(--theme)}.search_results{width:13.5rem;background-color:var(--overlay);border-radius:0 0 0.25rem 0.25rem;box-shadow:0 1rem 4rem rgba(0,0,0,0.17);position:absolute;top:125%;display:grid;overflow:hidden}.search_results:empty{display:none}.search_title{padding:0.5rem 1rem 0.5rem 1rem;background:var(--theme);font-size:0.9rem;opacity:0.87;text-transform:uppercase}.button{background-color:var(--theme);color:var(--light);border-radius:0.25rem;display:inline-grid;padding:0.75rem 1.5rem;text-align:center}.button:hover{opacity:0.84}.button+.button{background-color:var(--haze);color:var(--dark)}@media screen and (min-width: 20rem){.button+.button{margin-left:0.5rem}}.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:1.5rem 0;border-radius:0.6rem;background-color:var(--bg);box-shadow:0 1rem 2rem rgba(0,0,0,0.17)}.video iframe{left:0;top:0;height:100%;width:100%;border:none;position:absolute;transform:scale(1.02)}.icon{width:1.1rem;height:1.1rem;display:inline-flex;justify-content:center;align-items:center;margin:0 0.5rem}.link{opacity:0;position:relative}.link_owner:hover .link{opacity:1}.link_yank{opacity:1}.link_yanked{position:absolute;right:-1rem;top:-2rem;background-color:var(--theme);color:var(--light);width:7rem;padding:0.25rem 0.5rem;font-size:0.9rem;border-radius:1rem;text-align:center}.link_yanked::after{position:absolute;top:1rem;content:"";border-color:var(--theme) transparent;border-style:solid;border-width:1rem 1rem 0 1rem;height:0;width:0;transform-origin:50% 50%;transform:rotate(145deg);right:0.45rem}.gallery{width:100%;column-count:3;column-gap:1rem}@media screen and (max-width: 667px){.gallery{column-count:2}}.gallery_item{background-color:transparent;margin:0 0 1rem}.gallery_image{margin:0 auto}.pager{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;margin:2rem 0}.pager svg{filter:opacity(0.75);width:1.25rem;height:1rem;transform-origin:50% 50%}.pager_lean{justify-content:flex-end}.pager_label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pager_link{padding:0.5rem 1rem;border-radius:0.25rem;width:12.5rem;max-width:initial;position:relative;display:flex;align-items:center;text-align:center;justify-content:center}.pager_link::before,.pager_link::after{background-image:url(../images/next.svg);height:0.8rem;width:0.8rem;background-size:100%;background-repeat:no-repeat;transform-origin:50% 50%}.pager_item{display:flex;flex-direction:column;flex:1;max-width:48%}.pager_item.prev{align-items:flex-start}.pager_item.next{align-items:flex-end}.pager_item.next::after{content:""}.pager_item.prev .pager_link::before{content:"";transform:rotate(180deg);margin-right:0.67rem}.pager_item.next .pager_link::after{content:"";margin-left:0.67rem}.pager_item.next .pager_link{grid-template-columns:1fr 1.5rem}.pager_meta{margin:0.5rem 0}.color_mode{height:1.5rem;display:grid;grid-template-columns:1fr 3rem;align-items:center;margin:0 1.5rem}.color_choice{outline:none;border:none;-webkit-appearance:none;height:1rem;position:relative}.color_choice::before,.color_choice::after{content:"";top:0;bottom:0;left:0;position:absolute;height:1rem;background:var(--theme)}.color_choice,.color_choice::before{width:2.75rem;border-radius:1rem;cursor:pointer;transition:transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);box-shadow:0 0.25rem 1rem rgba(0,0,0,0.15)}.color_choice::before{box-shadow:0 1rem 2rem rgba(0,0,0,0.17);z-index:2;right:0;filter:brightness(0.75)}.color_choice::after{width:1rem;border-radius:50%;z-index:3;transform:scale(1.67);transform-origin:50% 50%;transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);will-change:transform}.wrap{max-width:1240px}.wrap,.wrap{width:100%;padding:0 25px;margin:0 auto}.pt-1{padding-top:1.5rem}.pb-1{padding-bottom:1.5rem}.mt-1{margin-top:1.5rem}.mb-1{margin-bottom:1.5rem}.pt-2{padding-top:3rem}.pb-2{padding-bottom:3rem}.mt-2{margin-top:3rem}.mb-2{margin-bottom:3rem}.pt-3{padding-top:4.5rem}.pb-3{padding-bottom:4.5rem}.mt-3{margin-top:4.5rem}.mb-3{margin-bottom:4.5rem}.pt-4{padding-top:6rem}.pb-4{padding-bottom:6rem}.mt-4{margin-top:6rem}.mb-4{margin-bottom:6rem}.grid-2,.grid-3,.grid-4,.grid-auto,.grid-reverse{display:grid;grid-template-columns:1fr}[class*='grid-']{grid-gap:2rem}@media screen and (min-width: 42rem){.grid-auto{grid-template-columns:2fr 5fr}.grid-reverse{grid-template-columns:3fr 1fr}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(auto-fit, minmax(19rem, 1fr))}.grid-4{grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr))}}.active{color:var(--theme)}.is{background:var(--theme);color:var(--light)}code{min-width:100%;max-width:100%}code.noClass{color:orange}pre{display:grid;padding:1rem;overflow-x:auto}.highlight{display:grid;margin:1.25rem 0;box-shadow:0 0 2.5rem rgba(0,0,0,0.12);border-radius:4px;overflow:hidden}.highlight table{margin:0;border-collapse:collapse;background-color:var(--overlay)}.highlight .highlight{margin:0}.lntd:first-child{width:2.75rem;background-color:var(--theme);color:var(--light)}.lntd:first-child pre{padding:0}.lntd:first-child code{display:flex;flex-flow:column;align-items:center}.lntd:last-child{padding-left:0}.err{color:#a61717;background-color:#e3d2d2}.hl{display:block;width:100%;background-color:#ffffcc}.ln{margin-right:0.4rem;padding:0 0.4em 0 0.4rem;color:#666}.k,.kc,.kd,.kn,.kp,.kr,.kt,.nt{color:#6ab825;font-weight:500}.kn,.kp{font-weight:400}.nb,.no,.nv{color:#24909d}.nc,.nf,.nn{color:#447fcf}.s,.sa,.sb,.sc,.dl,.sd,.s2,.se,.sh,.si,.sx,.sr,.s1,.s{color:#ed9d13}.m,.mb,.mf,.mh,.mi,.il,.mo{color:#3677a9}.ow{color:#6ab825;font-weight:500}.c,.ch,.cm,.c1{color:#999;font-style:italic}.cs{color:#e50808;background-color:#520000;font-weight:500}.cp,.cpf{color:#cd2828;font-weight:500}.gd,.gr{color:#d22323}.ge{font-style:italic}.gh,.gu,.nd,.na,.ne{color:#ffa500;font-weight:500}.gi{color:#589819}.go{color:#ccc}.gp{color:#aaa}.gs{font-weight:500}.gt{color:#d22323}.w{color:#666}@font-face{font-family:'Metropolis';font-style:normal;font-weight:400;src:local("Metropolis Regular"),local("Metropolis-Regular"),url("../fonts/Metropolis-Regular.woff2") format("woff2"),url("../fonts/Metropolis-Regular.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:300;src:local("Metropolis Light"),local("Metropolis-Light"),url("../fonts/Metropolis-Light.woff2") format("woff2"),url("../fonts/Metropolis-Light.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:300;src:local("Metropolis Light Italic"),local("Metropolis-LightItalic"),url("../fonts/Metropolis-LightItalic.woff2") format("woff2"),url("../fonts/Metropolis-LightItalic.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:500;src:local("Metropolis Medium"),local("Metropolis-Medium"),url("../fonts/Metropolis-Medium.woff2") format("woff2"),url("../fonts/Metropolis-Medium.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:500;src:local("Metropolis Medium Italic"),local("Metropolis-MediumItalic"),url("../fonts/Metropolis-MediumItalic.woff2") format("woff2"),url("../fonts/Metropolis-MediumItalic.woff") format("woff")}@font-face{font-family:'Cookie';font-style:normal;font-weight:400;src:local("Cookie-Regular"),url("../fonts/cookie-v10-latin-regular.woff2") format("woff2"),url("../fonts/cookie-v10-latin-regular.woff") format("woff")}footer{min-height:150px}
+html{--color-mode: "lit";--light: #fff;--dark: rgb(28,28,30);--haze: #f2f5f2;--bubble: rgb(36,36,38);--accent: var(--gray);--bg: var(--light);--overlay: var(--light);--text: #111;--font: 'Metropolis', sans-serif;--border-color: #eee;--theme: rgb(52,199,89)}html[data-mode="dim"]{--color-mode: "dim";--theme: rgb(48,209,88);--bg: var(--dark);--text: #eee;--accent: var(--bubble);--overlay: var(--bubble);--border-color: transparent}html[data-mode="dim"] *{box-shadow:none !important}html[data-mode="dim"] .color_choice::after{transform:translateX(1.75rem) scale(1.67)}@media (prefers-color-scheme: dark){html.dim:not([data-mode="lit"]){--color-mode: "dim";--theme: rgb(48,209,88);--bg: var(--dark);--text: #eee;--accent: var(--bubble);--overlay: var(--bubble);--border-color: transparent}html.dim:not([data-mode="lit"]) *{box-shadow:none !important}}*{box-sizing:border-box;-webkit-appearance:none;margin:0;padding:0}body,html{scroll-behavior:smooth;font-kerning:normal;-webkit-text-size-adjust:100%}body{font-family:var(--font);background-color:var(--bg);color:var(--text);font-size:16px;line-height:1.5;max-width:1440px;margin:0 auto;position:relative;font-kerning:normal;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}p{padding:1rem 0}li{padding:0.25rem 0}li p{padding:0.5rem 0}blockquote{opacity:0.8;padding:1rem;position:relative;quotes:"“" "”" "‘" "’";margin:0.75rem 0;display:flex;flex-flow:row wrap;background-repeat:no-repeat;background-size:5rem;background-position:50% 50%;position:relative}blockquote::before{content:"";padding:1px;position:absolute;top:0;bottom:0;left:0;background:var(--theme)}blockquote p{padding-left:0.5rem 0 !important;font-size:1.1rem !important;width:100%;font-weight:300;font-style:italic}h1,h2,h3,h4,h5{font-family:inherit;font-weight:500;padding:0.33rem 0;color:inherit;line-height:1.35}h1{font-size:200%}h2{font-size:175%}h3{font-size:150%}h4{font-size:125%}h5{font-size:120%}h6{font-size:100%}img,svg,figure{max-width:100%;vertical-align:middle}img{height:auto;margin:1rem auto;padding:0}main{padding-bottom:45px;flex:1}ol,ul{list-style:none}b,strong{font-weight:500}hr{border:none;padding:0.5px;background:var(--text);opacity:0.5;margin:1rem 0}aside{position:sticky;top:2.5rem;max-height:80vh;overflow-y:auto;background:var(--accent);padding:1rem 1.5rem;padding-bottom:2rem;border-radius:0.25rem}aside h3{position:relative}aside ul{padding:0;list-style:none}th,td{padding:0.5rem;font-weight:400 !important}th:not(:first-child),td:not(:first-child){padding-left:1.5rem}thead{background:var(--theme);color:var(--light);font-weight:400;text-align:left}tbody tr:nth-child(even){background-color:var(--gray);box-shadow:0 1rem 0.75rem -0.75rem rgba(0,0,0,0.07)}table{margin:1.5rem 0;width:100%}.main{flex:1}.page-home h1{font-weight:300}.content ul,.content ol{padding-left:1.1rem}.content ul{list-style:initial}.content ol{list-style:decimal}::placeholder{font-size:1rem}.nav{display:grid;grid-gap:1rem;padding:0 1.5rem !important;align-items:center;background-color:var(--bg)}@media screen and (min-width: 992px){.nav{grid-template-columns:10rem 1fr}}.nav_brand{position:relative}.nav_brand picture,.nav_brand img{max-width:10rem}.nav_header{position:absolute;top:0;left:0;width:100%;background-color:var(--bg);z-index:999999}.nav_toggle{position:absolute;top:0;bottom:0;width:3rem;display:grid;align-items:center;text-align:center;right:0;color:var(--text)}@media screen and (min-width: 992px){.nav_toggle{display:none}}.nav_body{display:flex;flex-direction:column;background:var(--accent);position:fixed;height:100vh;transform:translateX(-101vw)}@media screen and (min-width: 992px){.nav_body{transform:translateX(0);position:relative;height:initial;justify-content:flex-end;background:transparent;flex-direction:row}}.nav-link{display:inline-flex;padding:0.5rem 1rem}.nav-item{display:grid;align-items:center}@media screen and (min-width: 992px){.nav-item .search{margin-right:1.5rem}}.section_title{font-size:1.1rem}.section_link{font-size:1rem;font-weight:400}.sidebar-link{display:grid;padding:0.2rem 0}.toc{border-left:2px solid var(--theme);padding:0 1rem;height:0;overflow:hidden}.toc_active{height:initial}.search{flex:1;display:flex;justify-content:flex-end;position:relative}.search_field{padding:0.5rem 1.5rem 0.5rem 2.5rem;border-radius:1.5rem;width:13.5rem;outline:none;border:none;background:transparent;color:var(--text);box-shadow:0 1rem 4rem rgba(0,0,0,0.17);font-size:1rem}.search_label{background-image:url(/images/search.svg);width:1.25rem;height:1.25rem;position:absolute;right:11.5rem;top:0.5rem;opacity:0.33}.search_result{padding:0.5rem 1rem}.search_result:hover{background-color:var(--theme);color:var(--light)}.search_results{width:13.5rem;background-color:var(--overlay);border-radius:0 0 0.25rem 0.25rem;box-shadow:0 1rem 4rem rgba(0,0,0,0.17);position:absolute;top:125%;display:grid;overflow:hidden}.search_results:empty{display:none}.search_title{padding:0.5rem 1rem 0.5rem 1rem;background:var(--theme);color:var(--light);font-size:0.9rem;opacity:0.87;text-transform:uppercase}.button{background-color:var(--theme);color:var(--light);border-radius:0.25rem;display:inline-grid;padding:0.75rem 1.5rem;text-align:center}.button:hover{opacity:0.84}.button+.button{background-color:var(--haze);color:var(--dark)}@media screen and (min-width: 20rem){.button+.button{margin-left:0.5rem}}.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;margin:1.5rem 0;border-radius:0.6rem;background-color:var(--bg);box-shadow:0 1rem 2rem rgba(0,0,0,0.17)}.video iframe{left:0;top:0;height:100%;width:100%;border:none;position:absolute;transform:scale(1.02)}.icon{width:1.1rem;height:1.1rem;display:inline-flex;justify-content:center;align-items:center;margin:0 0.5rem}.link{opacity:0;position:relative}.link_owner:hover .link{opacity:1}.link_yank{opacity:1}.link_yanked{position:absolute;right:-1rem;top:-2rem;background-color:var(--theme);color:var(--light);width:7rem;padding:0.25rem 0.5rem;font-size:0.9rem;border-radius:1rem;text-align:center}.link_yanked::after{position:absolute;top:1rem;content:"";border-color:var(--theme) transparent;border-style:solid;border-width:1rem 1rem 0 1rem;height:0;width:0;transform-origin:50% 50%;transform:rotate(145deg);right:0.45rem}.gallery{width:100%;column-count:3;column-gap:1rem}@media screen and (max-width: 667px){.gallery{column-count:2}}.gallery_item{background-color:transparent;margin:0 0 1rem}.gallery_image{margin:0 auto}.pager{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;margin:2rem 0}.pager svg{filter:opacity(0.75);width:1.25rem;height:1rem;transform-origin:50% 50%}.pager_lean{justify-content:flex-end}.pager_label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pager_link{padding:0.5rem 1rem;border-radius:0.25rem;width:12.5rem;max-width:40vw;position:relative;display:flex;align-items:center;text-align:center;justify-content:center}.pager_link::before,.pager_link::after{background-image:url(../images/next.svg);height:0.8rem;width:0.8rem;background-size:100%;background-repeat:no-repeat;transform-origin:50% 50%}.pager_item{display:flex;flex-direction:column;flex:1;max-width:48%}.pager_item.prev{align-items:flex-start}.pager_item.next{align-items:flex-end}.pager_item.next::after{content:""}.pager_item.prev .pager_link::before{content:"";transform:rotate(180deg);margin-right:0.67rem}.pager_item.next .pager_link::after{content:"";margin-left:0.67rem}.pager_item.next .pager_link{grid-template-columns:1fr 1.5rem}.pager_meta{margin:0.5rem 0}.color_mode{height:1.5rem;display:grid;grid-template-columns:1fr 3rem;align-items:center;margin:0 1.5rem}.color_choice{outline:none;border:none;-webkit-appearance:none;height:1rem;position:relative}.color_choice::before,.color_choice::after{content:"";top:0;bottom:0;left:0;position:absolute;height:1rem;background:var(--theme)}.color_choice,.color_choice::before{width:2.75rem;border-radius:1rem;cursor:pointer;transition:transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);box-shadow:0 0.25rem 1rem rgba(0,0,0,0.15)}.color_choice::before{box-shadow:0 1rem 2rem rgba(0,0,0,0.17);z-index:2;right:0;filter:brightness(0.75)}.color_choice::after{width:1rem;border-radius:50%;z-index:3;transform:scale(1.67);transform-origin:50% 50%;transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);will-change:transform}.wrap{max-width:1240px}.wrap,.wrap{width:100%;padding:0 25px;margin:0 auto}.pt-1{padding-top:1.5rem}.pb-1{padding-bottom:1.5rem}.mt-1{margin-top:1.5rem}.mb-1{margin-bottom:1.5rem}.pt-2{padding-top:3rem}.pb-2{padding-bottom:3rem}.mt-2{margin-top:3rem}.mb-2{margin-bottom:3rem}.pt-3{padding-top:4.5rem}.pb-3{padding-bottom:4.5rem}.mt-3{margin-top:4.5rem}.mb-3{margin-bottom:4.5rem}.pt-4{padding-top:6rem}.pb-4{padding-bottom:6rem}.mt-4{margin-top:6rem}.mb-4{margin-bottom:6rem}.grid-2,.grid-3,.grid-4,.grid-auto,.grid-reverse{display:grid;grid-template-columns:1fr}[class*='grid-']{grid-gap:2rem}@media screen and (min-width: 42rem){.grid-auto{grid-template-columns:2fr 5fr}.grid-reverse{grid-template-columns:3fr 1fr}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(auto-fit, minmax(19rem, 1fr))}.grid-4{grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr))}}.active{color:var(--theme)}.is{background:var(--theme);color:var(--light)}code{min-width:100%;max-width:100%}code.noClass{color:orange}pre{display:grid;padding:1rem;overflow-x:auto}.highlight{display:grid;margin:1.25rem 0;box-shadow:0 0 2.5rem rgba(0,0,0,0.12);border-radius:4px;overflow:hidden}.highlight table{margin:0;border-collapse:collapse;background-color:var(--overlay)}.highlight .highlight{margin:0}.lntd:first-child{width:2.75rem;background-color:var(--theme);color:var(--light)}.lntd:first-child pre{padding:0}.lntd:first-child code{display:flex;flex-flow:column;align-items:center}.lntd:last-child{padding-left:0}.err{color:#a61717;background-color:#e3d2d2}.hl{display:block;width:100%;background-color:#ffffcc}.ln{margin-right:0.4rem;padding:0 0.4em 0 0.4rem;color:#666}.k,.kc,.kd,.kn,.kp,.kr,.kt,.nt{color:#6ab825;font-weight:500}.kn,.kp{font-weight:400}.nb,.no,.nv{color:#24909d}.nc,.nf,.nn{color:#447fcf}.s,.sa,.sb,.sc,.dl,.sd,.s2,.se,.sh,.si,.sx,.sr,.s1,.s{color:#ed9d13}.m,.mb,.mf,.mh,.mi,.il,.mo{color:#3677a9}.ow{color:#6ab825;font-weight:500}.c,.ch,.cm,.c1{color:#999;font-style:italic}.cs{color:#e50808;background-color:#520000;font-weight:500}.cp,.cpf{color:#cd2828;font-weight:500}.gd,.gr{color:#d22323}.ge{font-style:italic}.gh,.gu,.nd,.na,.ne{color:#ffa500;font-weight:500}.gi{color:#589819}.go{color:#ccc}.gp{color:#aaa}.gs{font-weight:500}.gt{color:#d22323}.w{color:#666}@font-face{font-family:'Metropolis';font-style:normal;font-weight:400;src:local("Metropolis Regular"),local("Metropolis-Regular"),url("../fonts/Metropolis-Regular.woff2") format("woff2"),url("../fonts/Metropolis-Regular.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:300;src:local("Metropolis Light"),local("Metropolis-Light"),url("../fonts/Metropolis-Light.woff2") format("woff2"),url("../fonts/Metropolis-Light.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:300;src:local("Metropolis Light Italic"),local("Metropolis-LightItalic"),url("../fonts/Metropolis-LightItalic.woff2") format("woff2"),url("../fonts/Metropolis-LightItalic.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:normal;font-weight:500;src:local("Metropolis Medium"),local("Metropolis-Medium"),url("../fonts/Metropolis-Medium.woff2") format("woff2"),url("../fonts/Metropolis-Medium.woff") format("woff")}@font-face{font-family:'Metropolis';font-style:italic;font-weight:500;src:local("Metropolis Medium Italic"),local("Metropolis-MediumItalic"),url("../fonts/Metropolis-MediumItalic.woff2") format("woff2"),url("../fonts/Metropolis-MediumItalic.woff") format("woff")}@font-face{font-family:'Cookie';font-style:normal;font-weight:400;src:local("Cookie-Regular"),url("../fonts/cookie-v10-latin-regular.woff2") format("woff2"),url("../fonts/cookie-v10-latin-regular.woff") format("woff")}footer{min-height:150px}
/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json b/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json
index b17241b..d08e5c4 100644
--- a/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json
+++ b/exampleSite/resources/_gen/assets/sass/sass/main.sass_ca26857cefa9076967ab300682271513.json
@@ -1 +1 @@
-{"Target":"css/styles.3158fcc5c271bd4effd64403cb491c0b38c09aacf8f50229f52d61258b19bdd871814a26ea128e5de125640468a8a0d484cb07db389afd83421f30c3493d17ca.css","MediaType":"text/css","Data":{"Integrity":"sha512-MVj8xcJxvU7/1kQDy0kcCzjAmqz49QIp9S1hJYsZvdhxgUom6hKOXeElZARoqKDUhMsH2zia/YNCHzDDST0Xyg=="}}
\ No newline at end of file
+{"Target":"css/styles.62e52d4baf1bcbb6b3781ae8c5eed7399e2be3b459957f3b569cd84ca47e9d0fca3290602987cca042bf0d135ceda58be7b5afc4e31be7ae2963de2b1b49b022.css","MediaType":"text/css","Data":{"Integrity":"sha512-YuUtS68by7azeBroxe7XOZ4r47RZlX87VpzYTKR+nQ/KMpBgKYfMoEK/DRNc7aWL57WvxOMb564pY94rG0mwIg=="}}
\ No newline at end of file
diff --git a/layouts/404.html b/layouts/404.html
index 10aebcb..f7ccfae 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,6 +1,6 @@
{{- define "main"}}
<main>
<h1 id="title">Not found</h1>
- <p>Bummer! This page doesn't exist. Y<a href="{{ .Site.BaseURL }}">back home</a>.</p>
+ <p>Bummer! This page doesn't exist. Y<a href='{{ absURL "" }}'>back home</a>.</p>
</main>
{{- end }}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index b3db565..1a3d197 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,5 +1,5 @@
<!doctype html>
-<html lang="{{ .Site.Language.Lang }}"{{ with .Site.Params.darkmode }} class="has_magic"{{ end }}>
+<html lang="{{ .Site.Language.Lang }}"{{ with .Site.Params.darkmode }} class="dim"{{ end }}>
<head>
{{- partial "head" . }}
</head>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 4f367d4..48daebf 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -18,4 +18,4 @@
{{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
{{- $styles := resources.Get "sass/main.sass" | resources.ExecuteAsTemplate "main.sass" . | resources.ToCSS $options | resources.Fingerprint "sha512" }}
-<link rel = 'stylesheet' href = '{{ $styles.Permalink }}' integrity = '{{ $styles.Data.Integrity }}'>
+<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}">
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index c3607d5..04fe08f 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -12,5 +12,5 @@
{{- $bundle := slice $functions $main | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint "sha512" }}
{{- $bundle2 := slice $lunr $search | resources.Concat "js/search.js" | resources.Minify | resources.Fingerprint "sha512" }}
-<script src = '{{ $bundle.Permalink }}'></script>
-<script src = '{{ $bundle2.Permalink }}' async></script>
+<script src="{{ $bundle.Permalink }}"></script>
+<script src="{{ $bundle2.Permalink }}" async defer></script>
diff --git a/layouts/partials/search.html b/layouts/partials/search.html
index 0fdbf7e..f4a9911 100644
--- a/layouts/partials/search.html
+++ b/layouts/partials/search.html
@@ -1,6 +1,8 @@
{{ if .Site.Params.enableSearch | default true }}
<div class="search">
- <label for="search" class="search_label"></label>
+ <label for="search" class="search_label">
+ {{- partial "sprite" (dict "icon" "search") }}
+ </label>
<input type="search" class="search_field" placeholder="{{ .Site.Params.searchPlaceholder }}" id="search" autocomplete="off">
<div class="search_results"></div>
</div>
diff --git a/layouts/partials/sprite.html b/layouts/partials/sprite.html
new file mode 100644
index 0000000..63eaf57
--- /dev/null
+++ b/layouts/partials/sprite.html
@@ -0,0 +1,3 @@
+<svg class="icon">
+ <use xlink:href="#{{ .icon }}"></use>
+</svg>
\ No newline at end of file
diff --git a/layouts/shortcodes/button.html b/layouts/shortcodes/button.html
index eb9aab3..e125efa 100644
--- a/layouts/shortcodes/button.html
+++ b/layouts/shortcodes/button.html
@@ -10,9 +10,9 @@
{{- $label = index $details 0 }}
{{- $modifier = printf "button_%s" (trim (index $details 1) " ") }}
{{- end -}}
-<a href = '{{ $link }}' class = 'button {{ $modifier }}'>
+<a href="{{ $link }}" class="button {{ $modifier }}">
{{- with $icon -}}
- <img src="/images/{{ . }}" alt="icon">
+ <img src="/images/{{ . }}" alt="icon">
{{- end }}
{{- $label -}}
</a>
diff --git a/layouts/shortcodes/column.html b/layouts/shortcodes/column.html
index b1fadbc..ab2dfb2 100644
--- a/layouts/shortcodes/column.html
+++ b/layouts/shortcodes/column.html
@@ -1,4 +1,4 @@
{{- $modifier := .Get 0 -}}
-<div {{- with $modifier }} class='{{ . }}'{{ end }}>
+<div {{- with $modifier }} class="{{ . }}"{{ end }}>
{{- .Inner | markdownify -}}
</div>
diff --git a/layouts/shortcodes/icon.html b/layouts/shortcodes/icon.html
index 5f0ac84..eac8ad6 100644
--- a/layouts/shortcodes/icon.html
+++ b/layouts/shortcodes/icon.html
@@ -1,6 +1,6 @@
{{- $src := .Get 0 }}
{{- $alt := .Get 1 }}
{{- $modifier := .Get 2 -}}
-<figure {{ with $modifier }}class='icon_{{ . }}'{{ end }}>
- <img src = '/images/{{ $src }}' alt = '{{ $alt }}' class = 'icon'>
+<figure {{ with $modifier }}class="icon_{{ . }}"{{ end }}>
+ <img src="/images/{{ $src }}" alt="{{ $alt }}" class="icon">
</figure>
diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html
index 650b6ae..168c47f 100644
--- a/layouts/shortcodes/image.html
+++ b/layouts/shortcodes/image.html
@@ -1,4 +1,4 @@
{{- $src := .Get 0 }}
{{- $alt := .Get 1 }}
{{- $modifier := .Get 2 -}}
-<img src = '{{ $src }}' {{ with $alt }}alt = '{{ . }}'{{ end }} {{ with $modifier }} class = '{{ . }}'{{ end }}>
+<img src="{{ $src }}"{{ with $alt }} alt="{{ . }}"{{ end }}{{ with $modifier }} class="{{ . }}"{{ end }}>
diff --git a/layouts/shortcodes/picture.html b/layouts/shortcodes/picture.html
index 0949bb8..6edce63 100644
--- a/layouts/shortcodes/picture.html
+++ b/layouts/shortcodes/picture.html
@@ -3,7 +3,7 @@
{{- $alt := .Get 2 }}
{{- $normalPath := absURL (printf "images/%s" $normal) }}
{{- $darkPath := absURL (printf "images/%s" $dark) }}
-<picture class = 'nav_logo'>
- <source srcset = '{{ $darkPath }}' media="(prefers-color-scheme: dark)">
- <img srcset = '{{ $normalPath }}' alt = '{{ $alt }}'>
+<picture class="nav_logo">
+ <source srcset="{{ $darkPath }}" media="(prefers-color-scheme: dark)">
+ <img srcset="{{ $normalPath }}" alt="{{ $alt }}">
</picture>
diff --git a/layouts/shortcodes/youtube.html b/layouts/shortcodes/youtube.html
index 80f936b..7cdd3b6 100644
--- a/layouts/shortcodes/youtube.html
+++ b/layouts/shortcodes/youtube.html
@@ -1,4 +1,4 @@
{{- $url := .Get 0 }}
-<div class = 'video'>
- <iframe src='https://www.youtube.com/embed/{{ $url }}?controls=1&rel=0'></iframe>
+<div class="video">
+ <iframe src="https://www.youtube.com/embed/{{ $url }}?controls=1&rel=0"></iframe>
</div>
--
Gitblit v1.10.0