diff options
90 files changed, 529 insertions, 214 deletions
diff --git a/config.toml b/config.toml index 14f8700..4aa6e1c 100644 --- a/config.toml +++ b/config.toml @@ -30,7 +30,7 @@ smart_punctuation = false # `...` to `…`, `"quote"` to `“curly”` [extra] language_code = "en-US" -author = "Your Name" +author = "Jake" # Put Your Name here author_show = true # displays the author name on line with date, tags, categories readtime = true # displays the read time on line with date, tags, categories readtime_string = "min" # read time indication eg "min": - 1 min "min read": - 1 min read @@ -72,22 +72,12 @@ js_search_index ="search_index.en.js" js_search = "search.min.js" rss_atom_feed = "atom.xml" stylesheet = "abridge.css" # location and file to use for stylesheet: -# abridge.css - Orange Automatic Dark/Light Theme based on browser/system preference. -# abridge-dark.css - Orange Dark Theme -# abridge-light.css - Orange Light Theme -# abridge-blue.scss - Blue Automatic Night/Light Theme based on browser/system preference. -# abridge-bluelight.scss - Blue Light Theme -# abridge-bluenight.scss - Blue Dark Theme - - -# For externally loaded fonts make sure the include the FULL url including the http/https prefix -fonts_load = false -fonts = [ - {url = "https://fonts.googleapis.com/css?family=Merriweather|Montserrat"}, - {url = "fonts.css"}, -] -# Uncomment below line to load fontawesome, eg: <i class="fa-solid fa-heart"></i> -#fontawesome = "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css" +# abridge.css - Orange Automatic Dark/Light Theme based on browser/system preference. +# abridge-dark.css - Orange Dark Theme +# abridge-light.css - Orange Light Theme +# abridge-blue.css - Blue Automatic Night/Light Theme based on browser/system preference. +# abridge-bluelight.css - Blue Light Theme +# abridge-bluenight.css - Blue Dark Theme # favicons, comment out a line to disable loading some or all of these. favicon_theme_color = "#333333" @@ -99,6 +89,25 @@ favicon180 = "apple-touch-icon.png" # apple-touch-icon.png favicon32 = "favicon-32x32.png" # favicon-32x32.png favicon16 = "favicon-16x16.png" # favicon-16x16.png +# Uncomment below line to load fontawesome, eg: <i class="fa-solid fa-heart"></i> +#fontawesome = "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css" + +# Externally using googleapis for fonts gets you a Free CDN, AND may already be cached by the end user. +# Sometimes the font you want is not available by googleapis, or you only want to load local resources. +# For Locally loaded fonts review: abridge/sass/skins/_abridge_fonts.scss + +# For externally loaded Fonts, make sure to include the FULL url including the http/https prefix +#fonts = [ {url = "https://fonts.googleapis.com/css?family=Fira+Code:400,italic|Montserrat:400,700,italic"} ] + +# Local fonts are defined in the css, defining them here only adds the preload tag to the head. +# preload will eliminate Content Layout Shift, but will hurt with page load time. +#fonts = [ +# {url = "font/FiraCode.woff2"}, +# {url = "font/Jost.woff2"}, +# {url = "font/Jost-italic.woff2"}, +# {url = "font/Jost-Bold.woff2"}, +#] + katex_enable = false # used to to render mathematical notations, requires js katex_auto_render = false diff --git a/content/overview-abridge.md b/content/overview-abridge.md index 51beea6..db9d0db 100644 --- a/content/overview-abridge.md +++ b/content/overview-abridge.md @@ -1,6 +1,6 @@ +++ title = "Abridge Zola theme and css framework" -date = 2021-05-10 +date = 2021-05-16 [taxonomies] categories = ["Features"] diff --git a/content/overview-fonts-imagehover-shortcode/Arimo.png b/content/overview-fonts-imagehover-shortcode/Arimo.png Binary files differnew file mode 100644 index 0000000..ceff44d --- /dev/null +++ b/content/overview-fonts-imagehover-shortcode/Arimo.png diff --git a/content/overview-fonts-imagehover-shortcode/DroidSans.png b/content/overview-fonts-imagehover-shortcode/DroidSans.png Binary files differnew file mode 100644 index 0000000..d6cb2a1 --- /dev/null +++ b/content/overview-fonts-imagehover-shortcode/DroidSans.png diff --git a/content/overview-fonts-imagehover-shortcode/Lato.png b/content/overview-fonts-imagehover-shortcode/Lato.png Binary files differnew file mode 100644 index 0000000..2401bb0 --- /dev/null +++ b/content/overview-fonts-imagehover-shortcode/Lato.png diff --git a/content/overview-fonts-imagehover-shortcode/Roboto.png b/content/overview-fonts-imagehover-shortcode/Roboto.png Binary files differnew file mode 100644 index 0000000..ea2f7d9 --- /dev/null +++ b/content/overview-fonts-imagehover-shortcode/Roboto.png diff --git a/content/overview-fonts-imagehover-shortcode/System.png b/content/overview-fonts-imagehover-shortcode/System.png Binary files differnew file mode 100644 index 0000000..e01bdea --- /dev/null +++ b/content/overview-fonts-imagehover-shortcode/System.png diff --git a/content/overview-fonts-imagehover-shortcode/Ubuntu.png b/content/overview-fonts-imagehover-shortcode/Ubuntu.png Binary files differnew file mode 100644 index 0000000..807c21a --- /dev/null +++ b/content/overview-fonts-imagehover-shortcode/Ubuntu.png diff --git a/content/overview-fonts-imagehover-shortcode/index.md b/content/overview-fonts-imagehover-shortcode/index.md new file mode 100644 index 0000000..82910b4 --- /dev/null +++ b/content/overview-fonts-imagehover-shortcode/index.md @@ -0,0 +1,15 @@ ++++ +title = "Image Comparison imagehover shortcode" +date = 2022-05-15 + +[taxonomies] +categories = ["Features"] +tags = ["shortcodes","image"] ++++ + +This shortcode accepts an array of images, the first element is the default, the remaining images are hover images. +<!-- more --> + +with `imagehover(sources=["file1.jpg", "file2.jpg", "file3.jpg"])` + +{{ imagehover(sources=["System.png", "DroidSans.png", "Roboto.png", "Arimo.png", "Lato.png", "Ubuntu.png"]) }} diff --git a/sass/abridge-blue.scss b/sass/abridge-blue.scss index 8d796a6..ea2ed2a 100644 --- a/sass/abridge-blue.scss +++ b/sass/abridge-blue.scss @@ -14,6 +14,7 @@ @import "variables"; //config -@import "skins/blueauto"; // Light Theme +@import "skins/blue-auto"; // Blue Automatic Dark/Light Theme based on browser/system preference +@import "skins/abridge_fonts.scss"; // Local Fonts @import "imports"; // html diff --git a/sass/abridge-bluelight.scss b/sass/abridge-bluelight.scss index c0203f0..6730b11 100644 --- a/sass/abridge-bluelight.scss +++ b/sass/abridge-bluelight.scss @@ -14,6 +14,7 @@ @import "variables"; //config -@import "skins/bluelight"; // Light Theme +@import "skins/blue-light"; // Blue Light Theme +@import "skins/abridge_fonts.scss"; // Local Fonts @import "imports"; // html diff --git a/sass/abridge-bluenight.scss b/sass/abridge-bluenight.scss index a54f53e..0b2f680 100644 --- a/sass/abridge-bluenight.scss +++ b/sass/abridge-bluenight.scss @@ -14,6 +14,7 @@ @import "variables"; //config -@import "skins/bluenight"; // Light Theme +@import "skins/blue-dark"; // Blue Dark Theme +@import "skins/abridge_fonts.scss"; // Local Fonts @import "imports"; // html diff --git a/sass/abridge-dark.scss b/sass/abridge-dark.scss index 279554d..961e7ac 100644 --- a/sass/abridge-dark.scss +++ b/sass/abridge-dark.scss @@ -14,6 +14,7 @@ @import "variables"; //config -@import "skins/dark"; // Dark Theme +@import "skins/abridge-dark"; // Dark Theme +@import "skins/abridge_fonts.scss"; // Local Fonts @import "imports"; // html diff --git a/sass/abridge-light.scss b/sass/abridge-light.scss index 6910018..49a065c 100644 --- a/sass/abridge-light.scss +++ b/sass/abridge-light.scss @@ -14,6 +14,7 @@ @import "variables"; //config -@import "skins/light"; // Light Theme +@import "skins/abridge-light"; // Light Theme +@import "skins/abridge_fonts.scss"; // Local Fonts @import "imports"; // html diff --git a/sass/abridge.scss b/sass/abridge.scss index 8cda9cf..8d3aa25 100644 --- a/sass/abridge.scss +++ b/sass/abridge.scss @@ -14,6 +14,7 @@ @import "variables"; //config -@import "skins/auto"; // Automatic Dark/Light Theme based on browser/system preference. +@import "skins/abridge-auto"; // Automatic Dark/Light Theme based on browser/system preference +@import "skins/abridge_fonts.scss"; // Local Fonts @import "imports"; // html diff --git a/sass/fonts/_Arimo.scss b/sass/fonts/_Arimo.scss new file mode 100644 index 0000000..8e72d3a --- /dev/null +++ b/sass/fonts/_Arimo.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'Arimo'; + src: local("Arimo"), url("/font/Arimo.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Arimo'; + src: local("Arimo"), url("/font/Arimo-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Arimo'; + src: local("Arimo"), url("/font/Arimo-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_Bitter.scss b/sass/fonts/_Bitter.scss new file mode 100644 index 0000000..aacf2d9 --- /dev/null +++ b/sass/fonts/_Bitter.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'Bitter'; + src: local("Bitter"), url("/font/Bitter.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Bitter'; + src: local("Bitter"), url("/font/Bitter-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Bitter'; + src: local("Bitter"), url("/font/Bitter-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_DroidSans.scss b/sass/fonts/_DroidSans.scss new file mode 100644 index 0000000..8e69a6e --- /dev/null +++ b/sass/fonts/_DroidSans.scss @@ -0,0 +1,11 @@ +@font-face { + font-family: 'DroidSans'; + src: local("DroidSans"), url("/font/DroidSans.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'DroidSans'; + src: local("DroidSans"), url("/font/DroidSans-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_FiraCode.scss b/sass/fonts/_FiraCode.scss new file mode 100644 index 0000000..8053db9 --- /dev/null +++ b/sass/fonts/_FiraCode.scss @@ -0,0 +1,5 @@ +@font-face { + font-family: 'Fira Code'; + src: local("Fira Code"), url("/font/FiraCode.woff2");//latin regular + font-display: swap; +} diff --git a/sass/fonts/_Jost.scss b/sass/fonts/_Jost.scss new file mode 100644 index 0000000..5d7ef0e --- /dev/null +++ b/sass/fonts/_Jost.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'Jost'; + src: local("Jost"), url("/font/Jost.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Jost'; + src: local("Jost"), url("/font/Jost-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Jost'; + src: local("Jost"), url("/font/Jost-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_Lato.scss b/sass/fonts/_Lato.scss new file mode 100644 index 0000000..a1a6f27 --- /dev/null +++ b/sass/fonts/_Lato.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'Lato'; + src: local("Lato"), url("/font/Lato.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Lato'; + src: local("Lato"), url("/font/Lato-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Lato'; + src: local("Lato"), url("/font/Lato-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_Montserrat.scss b/sass/fonts/_Montserrat.scss new file mode 100644 index 0000000..35f58ce --- /dev/null +++ b/sass/fonts/_Montserrat.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'Montserrat'; + src: local("Montserrat"), url("/font/Montserrat.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Montserrat'; + src: local("Montserrat"), url("/font/Montserrat-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Montserrat'; + src: local("Montserrat"), url("/font/Montserrat-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_OpenSans.scss b/sass/fonts/_OpenSans.scss new file mode 100644 index 0000000..36efb36 --- /dev/null +++ b/sass/fonts/_OpenSans.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'OpenSans'; + src: local("OpenSans"), url("/font/OpenSans.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'OpenSans'; + src: local("OpenSans"), url("/font/OpenSans-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'OpenSans'; + src: local("OpenSans"), url("/font/OpenSans-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_OpenSansCondensed.scss b/sass/fonts/_OpenSansCondensed.scss new file mode 100644 index 0000000..28b9cce --- /dev/null +++ b/sass/fonts/_OpenSansCondensed.scss @@ -0,0 +1,5 @@ +@font-face { + font-family: 'OpenSansCondensed'; + src: local("OpenSansCondensed"), url("/font/OpenSansCondensed.woff2");//latin regular + font-display: swap; +} diff --git a/sass/fonts/_PTSans.scss b/sass/fonts/_PTSans.scss new file mode 100644 index 0000000..5aa2a54 --- /dev/null +++ b/sass/fonts/_PTSans.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'PTSans'; + src: local("PTSans"), url("/font/PTSans.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'PTSans'; + src: local("PTSans"), url("/font/PTSans-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'PTSans'; + src: local("PTSans"), url("/font/PTSans-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_PTSansNarrow.scss b/sass/fonts/_PTSansNarrow.scss new file mode 100644 index 0000000..a295eb2 --- /dev/null +++ b/sass/fonts/_PTSansNarrow.scss @@ -0,0 +1,11 @@ +@font-face { + font-family: 'PTSansNarrow'; + src: local("PTSansNarrow"), url("/font/PTSansNarrow.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'PTSansNarrow'; + src: local("PTSansNarrow"), url("/font/PTSansNarrow-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_Roboto.scss b/sass/fonts/_Roboto.scss new file mode 100644 index 0000000..3490e75 --- /dev/null +++ b/sass/fonts/_Roboto.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'Roboto'; + src: local("Roboto"), url("/font/Roboto.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Roboto'; + src: local("Roboto"), url("/font/Roboto-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Roboto'; + src: local("Roboto"), url("/font/Roboto-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_RobotoCondensed.scss b/sass/fonts/_RobotoCondensed.scss new file mode 100644 index 0000000..d314d6b --- /dev/null +++ b/sass/fonts/_RobotoCondensed.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'RobotoCondensed'; + src: local("RobotoCondensed"), url("/font/RobotoCondensed.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'RobotoCondensed'; + src: local("RobotoCondensed"), url("/font/RobotoCondensed-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'RobotoCondensed'; + src: local("RobotoCondensed"), url("/font/RobotoCondensed-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_RobotoSlab.scss b/sass/fonts/_RobotoSlab.scss new file mode 100644 index 0000000..0578e11 --- /dev/null +++ b/sass/fonts/_RobotoSlab.scss @@ -0,0 +1,11 @@ +@font-face { + font-family: 'RobotoSlab'; + src: local("RobotoSlab"), url("/font/RobotoSlab.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'RobotoSlab'; + src: local("RobotoSlab"), url("/font/RobotoSlab-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_SourceSansPro.scss b/sass/fonts/_SourceSansPro.scss new file mode 100644 index 0000000..64e156b --- /dev/null +++ b/sass/fonts/_SourceSansPro.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'SourceSansPro'; + src: local("SourceSansPro"), url("/font/SourceSansPro.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'SourceSansPro'; + src: local("SourceSansPro"), url("/font/SourceSansPro-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'SourceSansPro'; + src: local("SourceSansPro"), url("/font/SourceSansPro-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/fonts/_Ubuntu.scss b/sass/fonts/_Ubuntu.scss new file mode 100644 index 0000000..ab3229f --- /dev/null +++ b/sass/fonts/_Ubuntu.scss @@ -0,0 +1,17 @@ +@font-face { + font-family: 'Ubuntu'; + src: local("Ubuntu"), url("/font/Ubuntu.woff2");//latin regular + font-display: swap; +} +@font-face { + font-family: 'Ubuntu'; + src: local("Ubuntu"), url("/font/Ubuntu-italic.woff2");//latin italic + font-style: italic; + font-display: swap; +} +@font-face { + font-family: 'Ubuntu'; + src: local("Ubuntu"), url("/font/Ubuntu-Bold.woff2");//latin bold + font-weight: bold; + font-display: swap; +} diff --git a/sass/include/_nav.scss b/sass/include/_nav.scss index 19f421d..c203ed4 100644 --- a/sass/include/_nav.scss +++ b/sass/include/_nav.scss @@ -3,33 +3,33 @@ * https://github.com/raj457036/attriCSS */ .cnav { - color: var(--a3); + color: var(--a3);//pagination color current page } main nav { - margin-top: var(--s2); + margin-top: var(--s2);//pagination margin } main nav a, -main nav a:visited { +main nav a:visited {//pagination link styling font-weight: var(--fh); border: .1rem solid var(--f2); border-radius: var(--br); - padding: .3rem var(--s1); - margin: var(--s1); + padding: .1rem var(--s1); + margin: .1rem; } -main nav a:hover { +main nav a:hover {//makes border of pagination links hover color border-color: var(--a3); } -nav > div:first-of-type { +header > nav > div:first-of-type {//puts logo on left and menu/search on right margin-left: auto } nav > div { ul { - line-height: 0; + line-height: 2; margin-top: 0; padding-bottom: var(--s1); } display: block; - margin-left: var(--s1); + margin-left: var(--s1);//add some spacing between nav divs } nav { align-items: center; @@ -53,6 +53,7 @@ nav { text-align: left; } } +// breakpoint makes header responsive for mobile layouts @if map-get($breakpoints, "md") { @media (max-width: map-get($breakpoints, "md")) { header nav { @@ -62,7 +63,7 @@ nav { text-align: center } div { - margin: auto + margin: auto // keeps top menu/search centered in mobile view } } } diff --git a/sass/skins/_abridge-auto.scss b/sass/skins/_abridge-auto.scss new file mode 100644 index 0000000..07ed824 --- /dev/null +++ b/sass/skins/_abridge-auto.scss @@ -0,0 +1,41 @@ +:root { + // Regular Fonts used by default: + --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif; + //GOOD CLS: DroidSans(0), Roboto(0.002), Lato(0.002), Arimo(0.002), Ubuntu(0.004) + //BAD CLS: PTSans(0.08), RobotoCondensed(0.074), SourceSansPro(0.075), PTSansNarrow(0.131), Montserrat(0.251), OpenSansCondensed(0.319), RobotoSlab(0.388), OpenSans(0.389), Jost(0.401) + + // Monospace Fonts used for code: + --fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace; + // https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/ + + // Colors + --f1: #555; //font color 1 + --f2: #333; //font color 2 + + --c1: #fff; //color 1 + --c2: #eee; //color 2 + --c3: #ddd; //color 3 + --c4: #777; //color 4 + + --a1: #c40; //accent color 1 link + --a2: #e60; //accent color 2 hover,focus + --a3: #e60; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} +@media (prefers-color-scheme: dark) { + :root { + --f1: #ccc; //font color 1 + --f2: #ddd; //font color 2 + + --c1: #111; //color 1 + --c2: #222; //color 2 + --c3: #333; //color 3 + --c4: #888; //color 4 + + --a1: #f90; //accent color 1 link + --a2: #fb0; //accent color 2 hover,focus + --a3: #fb0; //accent color 3 h1-h2 hover,focus + } +} diff --git a/sass/skins/_abridge-dark.scss b/sass/skins/_abridge-dark.scss new file mode 100644 index 0000000..39eb4a9 --- /dev/null +++ b/sass/skins/_abridge-dark.scss @@ -0,0 +1,26 @@ +:root { + // Regular Fonts used by default: + --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif; + //GOOD CLS: DroidSans(0), Roboto(0.002), Lato(0.002), Arimo(0.002), Ubuntu(0.004) + //BAD CLS: PTSans(0.08), RobotoCondensed(0.074), SourceSansPro(0.075), PTSansNarrow(0.131), Montserrat(0.251), OpenSansCondensed(0.319), RobotoSlab(0.388), OpenSans(0.389), Jost(0.401) + + // Monospace Fonts used for code: + --fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace; + // https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/ + + // Colors + --f1: #ccc; //font color 1 + --f2: #ddd; //font color 2 + + --c1: #111; //color 1 + --c2: #222; //color 2 + --c3: #333; //color 3 + --c4: #888; //color 4 + + --a1: #f90; //accent color 1 link + --a2: #fb0; //accent color 2 hover,focus + --a3: #fb0; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} diff --git a/sass/skins/_abridge-light.scss b/sass/skins/_abridge-light.scss new file mode 100644 index 0000000..a2192ff --- /dev/null +++ b/sass/skins/_abridge-light.scss @@ -0,0 +1,26 @@ +:root { + // Regular Fonts used by default: + --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif; + //GOOD CLS: DroidSans(0), Roboto(0.002), Lato(0.002), Arimo(0.002), Ubuntu(0.004) + //BAD CLS: PTSans(0.08), RobotoCondensed(0.074), SourceSansPro(0.075), PTSansNarrow(0.131), Montserrat(0.251), OpenSansCondensed(0.319), RobotoSlab(0.388), OpenSans(0.389), Jost(0.401) + + // Monospace Fonts used for code: + --fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace; + // https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/ + + // Colors + --f1: #555; //font color 1 + --f2: #333; //font color 2 + + --c1: #fff; //color 1 + --c2: #eee; //color 2 + --c3: #ddd; //color 3 + --c4: #777; //color 4 + + --a1: #c40; //accent color 1 link + --a2: #e60; //accent color 2 hover,focus + --a3: #e60; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} diff --git a/sass/skins/_abridge_fonts.scss b/sass/skins/_abridge_fonts.scss new file mode 100644 index 0000000..c079490 --- /dev/null +++ b/sass/skins/_abridge_fonts.scss @@ -0,0 +1,19 @@ +// ## Local Fonts ## +//@import "../fonts/Arimo"; +//@import "../fonts/Bitter"; +//@import "../fonts/DroidSans"; +//@import "../fonts/Jost"; +//@import "../fonts/Lato"; +//@import "../fonts/Montserrat"; +//@import "../fonts/OpenSans"; +//@import "../fonts/OpenSansCondensed"; +//@import "../fonts/PTSans"; +//@import "../fonts/PTSansNarrow"; +@import "../fonts/Roboto"; +//@import "../fonts/RobotoCondensed"; +//@import "../fonts/RobotoSlab"; +//@import "../fonts/SourceSansPro"; +//@import "../fonts/Ubuntu"; + +// ## Local Fonts Monospaced ## +//@import "../fonts/FiraCode"; diff --git a/sass/skins/_auto.scss b/sass/skins/_auto.scss deleted file mode 100644 index 7c6109a..0000000 --- a/sass/skins/_auto.scss +++ /dev/null @@ -1,37 +0,0 @@ -:root { - // Regular Fonts used by default: - --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; - // Monospace Fonts used for code: - --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace; - - // Colors - --f1: #555; //font color 1 - --f2: #333; //font color 2 - - --c1: #fff; //color 1 - --c2: #eee; //color 2 - --c3: #ddd; //color 3 - --c4: #777; //color 4 - - --a1: #c40; //accent color 1 link - --a2: #e60; //accent color 2 hover,focus - --a3: #e60; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} -@media (prefers-color-scheme: dark) { - :root { - --f1: #ccc; //font color 1 - --f2: #ddd; //font color 2 - - --c1: #111; //color 1 - --c2: #222; //color 2 - --c3: #333; //color 3 - --c4: #888; //color 4 - - --a1: #f90; //accent color 1 link - --a2: #fb0; //accent color 2 hover,focus - --a3: #fb0; //accent color 3 h1-h2 hover,focus - } -} diff --git a/sass/skins/_blue-auto.scss b/sass/skins/_blue-auto.scss new file mode 100644 index 0000000..7879b06 --- /dev/null +++ b/sass/skins/_blue-auto.scss @@ -0,0 +1,41 @@ +:root { + // Regular Fonts used by default: + --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif; + //GOOD CLS: DroidSans(0), Roboto(0.002), Lato(0.002), Arimo(0.002), Ubuntu(0.004) + //BAD CLS: PTSans(0.08), RobotoCondensed(0.074), SourceSansPro(0.075), PTSansNarrow(0.131), Montserrat(0.251), OpenSansCondensed(0.319), RobotoSlab(0.388), OpenSans(0.389), Jost(0.401) + + // Monospace Fonts used for code: + --fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace; + // https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/ + + // Colors + --f1: #111; //font color 1 + --f2: #222; //font color 2 + + --c1: #fafafa; //color 1 + --c2: #dbe7f5; //color 2 + --c3: #062671; //color 3 + --c4: #03143c; //color 4 + + --a1: #3b7ed0; //accent color 1 link + --a2: #004faf; //accent color 2 hover,focus + --a3: #004faf; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} +@media (prefers-color-scheme: dark) { + :root { + --f1: #ccc; //font color 1 + --f2: #ddd; //font color 2 + + --c1: #111; //color 1 + --c2: #1a274a; //color 2 + --c3: #404d69; //color 3 + --c4: #2c3957; //color 4 + + --a1: #2f7ddb; //accent color 1 link + --a2: #4d9dff; //accent color 2 hover,focus + --a3: #4d9dff; //accent color 3 h1-h2 hover,focus + } +} diff --git a/sass/skins/_blue-dark.scss b/sass/skins/_blue-dark.scss new file mode 100644 index 0000000..1c29f55 --- /dev/null +++ b/sass/skins/_blue-dark.scss @@ -0,0 +1,26 @@ +:root { + // Regular Fonts used by default: + --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif; + //GOOD CLS: DroidSans(0), Roboto(0.002), Lato(0.002), Arimo(0.002), Ubuntu(0.004) + //BAD CLS: PTSans(0.08), RobotoCondensed(0.074), SourceSansPro(0.075), PTSansNarrow(0.131), Montserrat(0.251), OpenSansCondensed(0.319), RobotoSlab(0.388), OpenSans(0.389), Jost(0.401) + + // Monospace Fonts used for code: + --fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace; + // https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/ + + // Colors + --f1: #ccc; //font color 1 + --f2: #ddd; //font color 2 + + --c1: #111; //color 1 + --c2: #1a274a; //color 2 + --c3: #404d69; //color 3 + --c4: #2c3957; //color 4 + + --a1: #2f7ddb; //accent color 1 link + --a2: #4d9dff; //accent color 2 hover,focus + --a3: #4d9dff; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} diff --git a/sass/skins/_blue-light.scss b/sass/skins/_blue-light.scss new file mode 100644 index 0000000..ea87f7e --- /dev/null +++ b/sass/skins/_blue-light.scss @@ -0,0 +1,26 @@ +:root { + // Regular Fonts used by default: + --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif; + //GOOD CLS: DroidSans(0), Roboto(0.002), Lato(0.002), Arimo(0.002), Ubuntu(0.004) + //BAD CLS: PTSans(0.08), RobotoCondensed(0.074), SourceSansPro(0.075), PTSansNarrow(0.131), Montserrat(0.251), OpenSansCondensed(0.319), RobotoSlab(0.388), OpenSans(0.389), Jost(0.401) + + // Monospace Fonts used for code: + --fm: ui-monospace, Menlo, Monaco, Consolas, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", "Liberation Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Ubuntu Mono", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", Courier, monospace; + // https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/ + + // Colors + --f1: #111; //font color 1 + --f2: #222; //font color 2 + + --c1: #fafafa; //color 1 + --c2: #dbe7f5; //color 2 + --c3: #062671; //color 3 + --c4: #03143c; //color 4 + + --a1: #3b7ed0; //accent color 1 link + --a2: #004faf; //accent color 2 hover,focus + --a3: #004faf; //accent color 3 h1-h2 hover,focus + + --cg: #483; //ins green + --cr: #d33; //del red +} diff --git a/sass/skins/_blueauto.scss b/sass/skins/_blueauto.scss deleted file mode 100644 index 1c4a55a..0000000 --- a/sass/skins/_blueauto.scss +++ /dev/null @@ -1,37 +0,0 @@ -:root { - // Regular Fonts used by default: - --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; - // Monospace Fonts used for code: - --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace; - - // Colors - --f1: #111; //font color 1 - --f2: #222; //font color 2 - - --c1: #fafafa; //color 1 - --c2: #dbe7f5; //color 2 - --c3: #062671; //color 3 - --c4: #03143c; //color 4 - - --a1: #3b7ed0; //accent color 1 link - --a2: #004faf; //accent color 2 hover,focus - --a3: #004faf; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} -@media (prefers-color-scheme: dark) { - :root { - --f1: #ccc; //font color 1 - --f2: #ddd; //font color 2 - - --c1: #111; //color 1 - --c2: #1a274a; //color 2 - --c3: #404d69; //color 3 - --c4: #2c3957; //color 4 - - --a1: #2f7ddb; //accent color 1 link - --a2: #4d9dff; //accent color 2 hover,focus - --a3: #4d9dff; //accent color 3 h1-h2 hover,focus - } -} diff --git a/sass/skins/_bluelight.scss b/sass/skins/_bluelight.scss deleted file mode 100644 index a9b5315..0000000 --- a/sass/skins/_bluelight.scss +++ /dev/null @@ -1,22 +0,0 @@ -:root { - // Regular Fonts used by default: - --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; - // Monospace Fonts used for code: - --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace; - - // Colors - --f1: #111; //font color 1 - --f2: #222; //font color 2 - - --c1: #fafafa; //color 1 - --c2: #dbe7f5; //color 2 - --c3: #062671; //color 3 - --c4: #03143c; //color 4 - - --a1: #3b7ed0; //accent color 1 link - --a2: #004faf; //accent color 2 hover,focus - --a3: #004faf; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} diff --git a/sass/skins/_bluenight.scss b/sass/skins/_bluenight.scss deleted file mode 100644 index def62dd..0000000 --- a/sass/skins/_bluenight.scss +++ /dev/null @@ -1,22 +0,0 @@ -:root { - // Regular Fonts used by default: - --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; - // Monospace Fonts used for code: - --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace; - - // Colors - --f1: #ccc; //font color 1 - --f2: #ddd; //font color 2 - - --c1: #111; //color 1 - --c2: #1a274a; //color 2 - --c3: #404d69; //color 3 - --c4: #2c3957; //color 4 - - --a1: #2f7ddb; //accent color 1 link - --a2: #4d9dff; //accent color 2 hover,focus - --a3: #4d9dff; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} diff --git a/sass/skins/_dark.scss b/sass/skins/_dark.scss deleted file mode 100644 index 9c4519b..0000000 --- a/sass/skins/_dark.scss +++ /dev/null @@ -1,22 +0,0 @@ -:root { - // Regular Fonts used by default: - --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; - // Monospace Fonts used for code: - --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace; - - // Colors - --f1: #ccc; //font color 1 - --f2: #ddd; //font color 2 - - --c1: #111; //color 1 - --c2: #222; //color 2 - --c3: #333; //color 3 - --c4: #888; //color 4 - - --a1: #f90; //accent color 1 link - --a2: #fb0; //accent color 2 hover,focus - --a3: #fb0; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} diff --git a/sass/skins/_light.scss b/sass/skins/_light.scss deleted file mode 100644 index 0a51439..0000000 --- a/sass/skins/_light.scss +++ /dev/null @@ -1,22 +0,0 @@ -:root { - // Regular Fonts used by default: - --ff: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif; - // Monospace Fonts used for code: - --fm: Menlo, Consolas, "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace; - - // Colors - --f1: #555; //font color 1 - --f2: #333; //font color 2 - - --c1: #fff; //color 1 - --c2: #eee; //color 2 - --c3: #ddd; //color 3 - --c4: #777; //color 4 - - --a1: #c40; //accent color 1 link - --a2: #e60; //accent color 2 hover,focus - --a3: #e60; //accent color 3 h1-h2 hover,focus - - --cg: #483; //ins green - --cr: #d33; //del red -} diff --git a/static/font/Arimo-Bold.woff2 b/static/font/Arimo-Bold.woff2 Binary files differnew file mode 100644 index 0000000..cff36d9 --- /dev/null +++ b/static/font/Arimo-Bold.woff2 diff --git a/static/font/Arimo-italic.woff2 b/static/font/Arimo-italic.woff2 Binary files differnew file mode 100644 index 0000000..2adf459 --- /dev/null +++ b/static/font/Arimo-italic.woff2 diff --git a/static/font/Arimo.woff2 b/static/font/Arimo.woff2 Binary files differnew file mode 100644 index 0000000..f10b6c5 --- /dev/null +++ b/static/font/Arimo.woff2 diff --git a/static/font/Bitter-Bold.woff2 b/static/font/Bitter-Bold.woff2 Binary files differnew file mode 100644 index 0000000..7add1cd --- /dev/null +++ b/static/font/Bitter-Bold.woff2 diff --git a/static/font/Bitter-italic.woff2 b/static/font/Bitter-italic.woff2 Binary files differnew file mode 100644 index 0000000..1af6b82 --- /dev/null +++ b/static/font/Bitter-italic.woff2 diff --git a/static/font/Bitter.woff2 b/static/font/Bitter.woff2 Binary files differnew file mode 100644 index 0000000..5c36b2b --- /dev/null +++ b/static/font/Bitter.woff2 diff --git a/static/font/DroidSans-Bold.woff2 b/static/font/DroidSans-Bold.woff2 Binary files differnew file mode 100644 index 0000000..49cc9cd --- /dev/null +++ b/static/font/DroidSans-Bold.woff2 diff --git a/static/font/DroidSans.woff2 b/static/font/DroidSans.woff2 Binary files differnew file mode 100644 index 0000000..214d458 --- /dev/null +++ b/static/font/DroidSans.woff2 diff --git a/static/font/FiraCode.woff2 b/static/font/FiraCode.woff2 Binary files differindex edc7f74..41a8ef1 100644 --- a/static/font/FiraCode.woff2 +++ b/static/font/FiraCode.woff2 diff --git a/static/font/Jost-Bold.woff2 b/static/font/Jost-Bold.woff2 Binary files differnew file mode 100644 index 0000000..d040d60 --- /dev/null +++ b/static/font/Jost-Bold.woff2 diff --git a/static/font/Jost-italic.woff2 b/static/font/Jost-italic.woff2 Binary files differnew file mode 100644 index 0000000..95bee0a --- /dev/null +++ b/static/font/Jost-italic.woff2 diff --git a/static/font/Jost.woff2 b/static/font/Jost.woff2 Binary files differnew file mode 100644 index 0000000..b5fe38e --- /dev/null +++ b/static/font/Jost.woff2 diff --git a/static/font/Lato-Bold.woff2 b/static/font/Lato-Bold.woff2 Binary files differnew file mode 100644 index 0000000..11de83f --- /dev/null +++ b/static/font/Lato-Bold.woff2 diff --git a/static/font/Lato-italic.woff2 b/static/font/Lato-italic.woff2 Binary files differnew file mode 100644 index 0000000..851630f --- /dev/null +++ b/static/font/Lato-italic.woff2 diff --git a/static/font/Lato.woff2 b/static/font/Lato.woff2 Binary files differnew file mode 100644 index 0000000..ff60934 --- /dev/null +++ b/static/font/Lato.woff2 diff --git a/static/font/Montserrat-Bold.woff2 b/static/font/Montserrat-Bold.woff2 Binary files differnew file mode 100644 index 0000000..e8bf92b --- /dev/null +++ b/static/font/Montserrat-Bold.woff2 diff --git a/static/font/Montserrat-italic.woff2 b/static/font/Montserrat-italic.woff2 Binary files differnew file mode 100644 index 0000000..996797c --- /dev/null +++ b/static/font/Montserrat-italic.woff2 diff --git a/static/font/Montserrat.woff2 b/static/font/Montserrat.woff2 Binary files differnew file mode 100644 index 0000000..1617aac --- /dev/null +++ b/static/font/Montserrat.woff2 diff --git a/static/font/OpenSans-Bold.woff2 b/static/font/OpenSans-Bold.woff2 Binary files differnew file mode 100644 index 0000000..00582c6 --- /dev/null +++ b/static/font/OpenSans-Bold.woff2 diff --git a/static/font/OpenSans-italic.woff2 b/static/font/OpenSans-italic.woff2 Binary files differnew file mode 100644 index 0000000..b323b27 --- /dev/null +++ b/static/font/OpenSans-italic.woff2 diff --git a/static/font/OpenSans.woff2 b/static/font/OpenSans.woff2 Binary files differnew file mode 100644 index 0000000..f143cd4 --- /dev/null +++ b/static/font/OpenSans.woff2 diff --git a/static/font/OpenSansCondensed.woff2 b/static/font/OpenSansCondensed.woff2 Binary files differnew file mode 100644 index 0000000..dbfb8c0 --- /dev/null +++ b/static/font/OpenSansCondensed.woff2 diff --git a/static/font/PTSans-Bold.woff2 b/static/font/PTSans-Bold.woff2 Binary files differnew file mode 100644 index 0000000..a1c5e93 --- /dev/null +++ b/static/font/PTSans-Bold.woff2 diff --git a/static/font/PTSans-italic.woff2 b/static/font/PTSans-italic.woff2 Binary files differnew file mode 100644 index 0000000..82a02a1 --- /dev/null +++ b/static/font/PTSans-italic.woff2 diff --git a/static/font/PTSans.woff2 b/static/font/PTSans.woff2 Binary files differnew file mode 100644 index 0000000..46ab186 --- /dev/null +++ b/static/font/PTSans.woff2 diff --git a/static/font/PTSansNarrow-Bold.woff2 b/static/font/PTSansNarrow-Bold.woff2 Binary files differnew file mode 100644 index 0000000..2def8e1 --- /dev/null +++ b/static/font/PTSansNarrow-Bold.woff2 diff --git a/static/font/PTSansNarrow.woff2 b/static/font/PTSansNarrow.woff2 Binary files differnew file mode 100644 index 0000000..b7d8031 --- /dev/null +++ b/static/font/PTSansNarrow.woff2 diff --git a/static/font/Roboto-Bold.woff2 b/static/font/Roboto-Bold.woff2 Binary files differnew file mode 100644 index 0000000..771fbec --- /dev/null +++ b/static/font/Roboto-Bold.woff2 diff --git a/static/font/Roboto-italic.woff2 b/static/font/Roboto-italic.woff2 Binary files differnew file mode 100644 index 0000000..e1b7a79 --- /dev/null +++ b/static/font/Roboto-italic.woff2 diff --git a/static/font/Roboto.woff2 b/static/font/Roboto.woff2 Binary files differnew file mode 100644 index 0000000..020729e --- /dev/null +++ b/static/font/Roboto.woff2 diff --git a/static/font/RobotoCondensed-Bold.woff2 b/static/font/RobotoCondensed-Bold.woff2 Binary files differnew file mode 100644 index 0000000..a5ab9d8 --- /dev/null +++ b/static/font/RobotoCondensed-Bold.woff2 diff --git a/static/font/RobotoCondensed-italic.woff2 b/static/font/RobotoCondensed-italic.woff2 Binary files differnew file mode 100644 index 0000000..9306a3e --- /dev/null +++ b/static/font/RobotoCondensed-italic.woff2 diff --git a/static/font/RobotoCondensed.woff2 b/static/font/RobotoCondensed.woff2 Binary files differnew file mode 100644 index 0000000..e4c259c --- /dev/null +++ b/static/font/RobotoCondensed.woff2 diff --git a/static/font/RobotoSlab-Bold.woff2 b/static/font/RobotoSlab-Bold.woff2 Binary files differnew file mode 100644 index 0000000..dcb8b0a --- /dev/null +++ b/static/font/RobotoSlab-Bold.woff2 diff --git a/static/font/RobotoSlab.woff2 b/static/font/RobotoSlab.woff2 Binary files differnew file mode 100644 index 0000000..c5d117b --- /dev/null +++ b/static/font/RobotoSlab.woff2 diff --git a/static/font/SourceCodePro.woff2 b/static/font/SourceCodePro.woff2 Binary files differdeleted file mode 100644 index a9fa832..0000000 --- a/static/font/SourceCodePro.woff2 +++ /dev/null diff --git a/static/font/SourceSansPro-Bold.woff2 b/static/font/SourceSansPro-Bold.woff2 Binary files differnew file mode 100644 index 0000000..cd6bfd0 --- /dev/null +++ b/static/font/SourceSansPro-Bold.woff2 diff --git a/static/font/SourceSansPro-italic.woff2 b/static/font/SourceSansPro-italic.woff2 Binary files differnew file mode 100644 index 0000000..9448cd5 --- /dev/null +++ b/static/font/SourceSansPro-italic.woff2 diff --git a/static/font/SourceSansPro.woff2 b/static/font/SourceSansPro.woff2 Binary files differnew file mode 100644 index 0000000..e49928e --- /dev/null +++ b/static/font/SourceSansPro.woff2 diff --git a/static/font/Ubuntu-Bold.woff2 b/static/font/Ubuntu-Bold.woff2 Binary files differnew file mode 100644 index 0000000..2c08bc6 --- /dev/null +++ b/static/font/Ubuntu-Bold.woff2 diff --git a/static/font/Ubuntu-italic.woff2 b/static/font/Ubuntu-italic.woff2 Binary files differnew file mode 100644 index 0000000..70755ed --- /dev/null +++ b/static/font/Ubuntu-italic.woff2 diff --git a/static/font/Ubuntu.woff2 b/static/font/Ubuntu.woff2 Binary files differnew file mode 100644 index 0000000..8070e4f --- /dev/null +++ b/static/font/Ubuntu.woff2 diff --git a/static/fonts.css b/static/fonts.css deleted file mode 100644 index 74fb10c..0000000 --- a/static/fonts.css +++ /dev/null @@ -1,15 +0,0 @@ -@font-face { - font-family: "FiraCode"; - font-style: normal; - font-weight: 400; - src: url("/font/FiraCode.woff2") format("woff2"); - font-display: swap; -} - -@font-face { - font-family: "SourceCodePro"; - font-style: normal; - font-weight: 400; - src: url("/font/SourceCodePro.woff2") format("woff2"); - font-display: swap; -} diff --git a/templates/macros/head.html b/templates/macros/head.html index 3ea785a..2c18807 100644 --- a/templates/macros/head.html +++ b/templates/macros/head.html @@ -4,11 +4,11 @@ {%- macro resource() %} -{%- if config.extra.fonts_load and config.extra.fonts %}{%- for i in config.extra.fonts %} +{%- if config.extra.fonts %}{%- for i in config.extra.fonts %} {%- if i.url is matching("^http[s]?://") %} - <link rel="preload" href="{{ i.url | safe }}" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous"> + <link rel="preload" as="style" href="{{ i.url | safe }}" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous"> {%- else %} - <link rel="preload" href="{{ get_url(path=i.url, trailing_slash=false) }}" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin="anonymous"> + <link rel="preload" as="font" href="{{ get_url(path=i.url, trailing_slash=false) | safe }}" type="font/woff2" crossorigin> {%- endif %} {%- endfor %}{%- endif %} diff --git a/templates/shortcodes/imagehover.html b/templates/shortcodes/imagehover.html new file mode 100644 index 0000000..350506c --- /dev/null +++ b/templates/shortcodes/imagehover.html @@ -0,0 +1,26 @@ +{%- set_global bg = " " %} +{%- for source in sources %} + {%- if not loop.first %} + ## {{ source | safe }} + <div id="hoverimage{{loop.index}}"> </div> + {%- else %} + {% set_global bg = source %} + {%- endif %} +{%- endfor %} + +<style> + {%- for source in sources %} + {%- if not loop.first %} + #hoverimage{{loop.index}} { + background-image: url('{{ get_url(path="/", trailing_slash=false) }}{{ page.path | safe }}{{ source | safe }}'); + width: 560px; + height: 650px; + } + #hoverimage{{loop.index}}:hover { + background-image: url('{{ get_url(path="/", trailing_slash=false) }}{{ page.path | safe }}{{ bg | safe }}'); + width: 560px; + height: 650px; + } + {%- endif %} + {%- endfor %} +</style> |
