From 64ffabb1ffc19bf1abcc5636070ae9f336aa4f48 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Thu, 28 May 2026 19:18:19 +0000
Subject: [PATCH] =gitblit switch
---
Screenshot.jpg | 0
all.css | 360 ++++++++++++++++++
functions.php | 4
theme.json | 200 ++++++++-
assets/background.svg | 300 +++++++++++++++
style.css | 307 ---------------
6 files changed, 832 insertions(+), 339 deletions(-)
diff --git a/Screenshot.jpg b/Screenshot.jpg
new file mode 100644
index 0000000..9d1c996
--- /dev/null
+++ b/Screenshot.jpg
Binary files differ
diff --git a/all.css b/all.css
new file mode 100644
index 0000000..f08bd5f
--- /dev/null
+++ b/all.css
@@ -0,0 +1,360 @@
+/*!
+Theme Name: Madi Mori Theme
+Theme URI: https://madimori.ca
+Description: Jvb-theme child theme, for Tatty Soap.
+Author: Jake
+Author URI: https://jakevan.ca/
+Template: jvb-theme
+Version: 0.3.06
+!*/
+:root{
+ --background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><path id="a" fill="none" stroke="%23000" stroke-width=".014" d="M15.822 16.06c-.021 0-.083-.034-.06-.09.004-.01.023-.033.024-.037.004-.01-.009-.052.024-.08.02-.016.065-.014.08-.003-.007-.02.007-.089.066-.084.017.001.038.014.05.01 0 0 .07-.035.098.026a.1.1 0 0 1 .008.032l-.002.016.016-.006c.015-.005.073-.01.085.044.003.012.001.04.003.045.003.01.038.036.027.078-.006.025-.044.05-.063.05.018.011.048.075-.004.107-.014.009-.039.011-.046.02 0 0-.036.07-.094.038a.1.1 0 0 1-.025-.022L16 16.19l-.008.014c-.01.013-.054.05-.096.016-.01-.009-.025-.033-.028-.036-.008-.006-.052-.007-.068-.047-.01-.024.006-.066.022-.077" clip-rule="evenodd"/><use xlink:href="%23a" transform="rotate(-39.276 -10.607 80.402)scale(2.98742)"/><use xlink:href="%23a" transform="rotate(-44.805 -37.563 118.023)scale(5.389)"/><use xlink:href="%23a" transform="rotate(218.887 50.994 84.718)scale(7.37672)"/><use xlink:href="%23a" transform="rotate(62.282 117.36 -13.588)scale(5.79528)"/><use xlink:href="%23a" transform="rotate(238.34 48.999 120.72)scale(8.92312)"/><use xlink:href="%23a" transform="rotate(-31.775 -43.1 147.008)scale(4.302)"/><use xlink:href="%23a" transform="rotate(134.177 36.716 20.345)scale(2.78662)"/><use xlink:href="%23a" transform="rotate(225.09 44.205 71.743)scale(6.01982)"/><use xlink:href="%23a" transform="rotate(121.022 50.094 29.998)scale(3.655)"/><use xlink:href="%23a" transform="rotate(-42.154 -.603 72.59)scale(2.49675)"/><use xlink:href="%23a" transform="rotate(5.681 862.543 -904.797)scale(6.21292)"/><use xlink:href="%23a" transform="rotate(-10.91 -189.46 426.469)scale(4.60314)"/><use xlink:href="%23a" transform="rotate(-26.868 -253.855 417.234)scale(10.59674)"/><use xlink:href="%23a" transform="rotate(-50.122 14.878 36.655)scale(1.79712)"/><use xlink:href="%23a" transform="rotate(-75.299 .522 46.75)scale(2.69331)"/><use xlink:href="%23a" transform="rotate(53.285 27.111 17.872)scale(1.1517)"/><use xlink:href="%23a" transform="rotate(254.654 31.68 165.897)scale(10.98135)"/><use xlink:href="%23a" transform="rotate(212.906 38.692 44.239)scale(3.96058)"/><use xlink:href="%23a" transform="rotate(-96.544 17.81 43.099)scale(3.2742)"/><use xlink:href="%23a" transform="rotate(-88.844 23.031 68.996)scale(4.3728)"/><use xlink:href="%23a" transform="rotate(-70.931 13.948 33.09)scale(2.28257)"/><use xlink:href="%23a" transform="rotate(-4.913 -447.208 618.813)scale(3.99985)"/><use xlink:href="%23a" transform="rotate(31.604 86.295 -7.457)scale(2.24754)"/><use xlink:href="%23a" transform="rotate(47.702 37.284 -2.691)scale(1.83035)"/><use xlink:href="%23a" transform="rotate(4.733 789.311 -703.802)scale(5.42008)"/><use xlink:href="%23a" transform="rotate(71.06 112.935 -13.855)scale(6.09888)"/><use xlink:href="%23a" transform="rotate(88.668 89.128 13.941)scale(5.28266)"/><use xlink:href="%23a" transform="rotate(-57.362 10.02 68.658)scale(3.2221)"/><use xlink:href="%23a" transform="rotate(226.012 30.028 50.952)scale(4.6482)"/><use xlink:href="%23a" transform="rotate(118.857 122.41 39.803)scale(9.78019)"/><use xlink:href="%23a" transform="rotate(119.17 60.286 21.488)scale(4.66228)"/><use xlink:href="%23a" transform="rotate(200.967 51.27 77.533)scale(6.88209)"/><use xlink:href="%23a" transform="rotate(42.92 142.71 -17.984)scale(5.3006)"/><use xlink:href="%23a" transform="rotate(-99.572 24.045 17.834)scale(1.30925)"/><use xlink:href="%23a" transform="rotate(220.884 71.004 121.013)scale(10.19418)"/><use xlink:href="%23a" transform="rotate(-48.299 -31.788 171.312)scale(7.43685)"/><use xlink:href="%23a" transform="rotate(-1.027 -1772.216 2374.039)scale(3.1542)"/><use xlink:href="%23a" transform="rotate(2.29 44.297 -136.78)scale(1.91142)"/><use xlink:href="%23a" transform="rotate(51.988 151.469 -32.38)scale(7.12958)"/><use xlink:href="%23a" transform="rotate(-46.275 25.314 5.938)scale(.69533)"/><use xlink:href="%23a" transform="rotate(-52.63 -32.143 148.992)scale(7.16946)"/><use xlink:href="%23a" transform="rotate(110.103 144.559 34.06)scale(9.79811)"/><use xlink:href="%23a" transform="rotate(200.002 41.207 36.631)scale(3.87382)"/><use xlink:href="%23a" transform="rotate(65.758 91.222 -2.921)scale(5.44265)"/><use xlink:href="%23a" transform="rotate(116.933 115.074 29.597)scale(8.84467)"/><use xlink:href="%23a" transform="rotate(242.866 29.314 73.544)scale(5.87325)"/></svg>');
+ --filter: grayscale(.3) sepia(.4);
+
+ /** Download your Fonts from: https://gwfh.mranftl.com/ **/
+ --font-base: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+ --heading: 'Noto Serif Hentaigana', var(--font-base);
+ --body: 'Playfair Display', var(--font-base);
+ --fw-h: 400;
+ --fw-h-light: 200;
+ --fw-h-bold: 900;
+ --fw-b: 400;
+ --fw-b-bold: 900;
+ --fw-b-light: 400;
+
+ /* Colours
+ For best results, generate colours from base colours using: https://uicolors.app/generate/
+ or sass darken/lighten by 5%: http://scg.ar-ch.org/
+ */
+ --light-0: 252,251,251; /* #fcfbfb; */
+ --light-50: 241,236,236; /* #f1ecec; */
+ --light-100: 230,222,222; /* #e6dede; */
+ --light-200: 219,207,207; /* #dbcfcf; */
+
+ --dark-0: 26,19,18; /* #1a1312; */
+ --dark-50: 41,30,28; /* #291e1c; */
+ --dark-100: 56,41,39; /* #382927; */
+ --dark-200: 71,52,49; /* #473431; */
+
+ --action-0: 173,91,75; /* #AD5B4B; */
+ --action-50: 183,105,90; /* #b7695a; */
+ --action-100: 191,121,108; /* #bf796c; */
+ --action-200: 199,138,126; /* #c78a7e; */
+ --action-contrast: var(--light-0);
+
+ --secondary-0: 218,153,63; /* #DA993F; */
+ --secondary-50: 222,164,84; /* #dea454; */
+ --secondary-100: 226,176106;/* #e2b06a; */
+ --secondary-200: 230,187,127;/* #e6bb7f; */
+ --secondary-contrast: var(--light-0);
+
+ --success: 32,214,78; /* #20D64E; */
+ --successLight: 219,250,227;/* #DBFAE3; */
+ --successDark: 5,35,13; /* #05230D; */
+
+ --warning: 214,145,33; /* #D69121; */
+ --warningLight: 246,229,203;/* #F6E5CB; */
+ --warningDark: 35,24,6; /* #231806; */
+
+ --error: 207,22,22; /* #CF1616; */
+ --errorLight: 249,200,200; /* #F9C8C8; */
+ --errorDark: 74,8,8; /* #4A0808; */
+
+
+ --base: var(--light-0);
+ --base-50: var(--light-50);
+ --base-100: var(--light-100);
+ --base-200: var(--light-200);
+
+ --contrast: var(--dark-0);
+ --contrast-50: var(--dark-50);
+ --contrast-100: var(--dark-100);
+ --contrast-200: var(--dark-200);
+
+ --successBack: var(--successLight);
+ --successText: var(--successDark);
+ --warningBack: var(--warningLight);
+ --warningText: var(--warningDark);
+ --errorBack: var(--errorLight);
+ --errorText: var(--errorDark);
+}
+
+body:has(#theme-switcher:checked){
+ --action-50: 155,82,67; /* #9b5243; */
+ --action-100: 137,72,60; /* #89483c; */
+ --action-200: 120,63,52; /* #783f34; */
+
+ --secondary-50: 214,142,42; /* #d68e2a; */
+ --secondary-100: 193,128,37;/* #c18025; */
+ --secondary-200: 173,113,33;/* #ab7121; */
+
+ --contrast: var(--light-0);
+ --contrast-50: var(--light-50);
+ --contrast-100: var(--light-100);
+ --contrast-200: var(--light-200);
+ --contrast-rgb: var(--light-rgb);
+
+ --base: var(--dark-0);
+ --base-50: var(--dark-50);
+ --base-100: var(--dark-100);
+ --base-200: var(--dark-200);
+ --base-rgb: var(--dark-rgb);
+
+ --successBack: var(--successDark);
+ --successText: var(--successLight);
+ --warningBack: var(--warningDark);
+ --warningText: var(--warningLight);
+ --errorBack: var(--errorDark);
+ --errorText: var(--errorLight);
+}
+/*** FONTS START **/
+/** Download your Fonts from: https://gwfh.mranftl.com/
+use ./assets/fonts/ as a base
+
+**/
+
+/* playfair-display-regular - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Playfair Display';
+ font-style: normal;
+ font-weight: 400;
+ src: url('./assets/fonts/playfair-display-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/playfair-display-v40-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* playfair-display-italic - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Playfair Display';
+ font-style: italic;
+ font-weight: 400;
+ src: url('./assets/fonts/playfair-display-v40-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/playfair-display-v40-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* playfair-display-900 - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Playfair Display';
+ font-style: normal;
+ font-weight: 900;
+ src: url('./assets/fonts/playfair-display-v40-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/playfair-display-v40-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* playfair-display-900italic - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Playfair Display';
+ font-style: italic;
+ font-weight: 900;
+ src: url('./assets/fonts/playfair-display-v40-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/playfair-display-v40-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+
+/* noto-serif-hentaigana-200 - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Noto Serif Hentaigana';
+ font-style: normal;
+ font-weight: 200;
+ src: url('./assets/fonts/noto-serif-hentaigana-v17-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/noto-serif-hentaigana-v17-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* noto-serif-hentaigana-regular - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Noto Serif Hentaigana';
+ font-style: normal;
+ font-weight: 400;
+ src: url('./assets/fonts/noto-serif-hentaigana-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/noto-serif-hentaigana-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* noto-serif-hentaigana-900 - latin */
+@font-face {
+ font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+ font-family: 'Noto Serif Hentaigana';
+ font-style: normal;
+ font-weight: 900;
+ src: url('./assets/fonts/noto-serif-hentaigana-v17-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+ url('./assets/fonts/noto-serif-hentaigana-v17-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/*** FONTS END ***/
+
+.wp-site-blocks.wp-site-blocks>header, body>header {
+ --justify:center;
+ overflow: hidden;
+ height: max(var(--btn), 10vh);
+}
+ .wp-site-blocks > header #theme-switch {
+ position: absolute;
+ left: 1rem;
+ }
+ .wp-site-blocks > header img {
+ height: var(--chipchip);
+ width: auto!important;
+ margin: 0 1rem;
+ }
+.wp-site-blocks > header .title {
+ align-items: center;
+ font-size: var(--txt-large);
+ font-family: var(--heading);
+ font-weight: var(--fw-h-bold);
+ text-transform: uppercase;
+ width: max-content;
+}
+
+.intro {
+ padding: 1rem;
+}
+.intro h1 {
+ line-height: .75;
+ font-size: 25vw;
+ font-weight: var(--fw-h-bold);
+ font-family: var(--heading);
+ margin: 0 auto 3rem;
+ text-align: center;
+}
+.intro p {
+ text-align: center;
+}
+
+
+.pre-footer {
+ background-color: rgb(var(--base));
+ padding: 2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: .25rem;
+}
+.pre-footer p {
+ margin: 0;
+ text-align: center;
+}
+
+.pre-footer + footer {
+ margin-top: 0;
+}
+
+nav.condensed ul {
+ flex-direction: row;
+}
+
+aside.sub {
+ position: sticky;
+ top: -2rem;
+ transition: top var(--trans-base);
+ background-color: rgb(var(--base));
+ box-shadow: rgba(var(--base-100),var(--op-45)) var(--shdw-down);
+}
+ aside.sub.row.x-btw.x-btw {
+ --justify: center;
+ }
+aside.sub p {
+ margin: 0;
+ text-align: center;
+}
+
+.scroll-up .sub-header {
+ top: var(--btn);
+}
+
+footer {
+ overflow: hidden;
+}
+
+/*footer > svg,*/
+/*header > svg {*/
+/* color: rgb(var(--base-50));*/
+/* opacity: .5;*/
+/* position: absolute;*/
+/* z-index: -1;*/
+/* width: 100vw;*/
+/* height: 100vw;*/
+/* inset: -20vw 0;*/
+/*}*/
+
+/*footer > svg {*/
+/* inset: -35vw 0;*/
+/* transform: rotate(-15deg);*/
+/*}*/
+
+/*header > svg path {*/
+/* stroke: rgba(var(--contrast-100),.2)!important;*/
+/*}*/
+.callout.callout {
+ position: relative;
+ padding: 3rem 1rem;
+}
+footer, header {
+ position: relative;
+}
+ footer::before,
+ header::before,
+ .callout::before {
+ content: '';
+ inset: 0;
+ position: absolute;
+ z-index: 0;
+ mask-image: var(--background);
+ -webkit-mask-image: var(--background);
+ mask-size: cover;
+ -webkit-mask-size: cover;
+ mask-repeat: no-repeat;
+ -webkit-mask-repeat: no-repeat;
+ mask-position: center;
+ -webkit-mask-position: center;
+ background-color: rgba(var(--contrast-100), var(--op-2));
+ }
+ header::before,
+ footer::before {
+ width: 200vw;
+ height: 200vh;
+ inset: -25vh -25vw;
+ z-index: -1;
+ }
+ header::before {
+ width:150vw;
+ height: 150vw;
+ transform: rotate(10deg);
+ }
+ footer::before {
+ transform: rotate(-10deg);
+ }
+
+ .callout > .wrap {
+ z-index: 1;
+ background-color: rgb(var(--action-0));
+ border: .5rem solid rgb(var(--secondary-0));
+ padding: 1rem;
+ width: 100%;
+ max-width: 100%;
+ }
+ .callout > .wrap h1 {
+ margin: 0;
+ font-size: 1.75em;
+ }
+ .callout > .wrap .buttons {
+ margin-bottom: 0;
+ }
+ @media (min-width:768px) {
+ .callout.callout {
+ padding: 2rem;
+ }
+ .callout > .wrap {
+ padding: 2rem;
+ border-width: 1rem;
+ max-width: var(--wider);
+ }
+ .callout > .wrap h1 {
+ font-size: var(--txt-xxx-large);
+ }
+ .callout > .wrap .buttons li {
+ max-width: 49%;
+ }
+ }
+.callout .buttons a {
+ color: var(--secondary-contrast);
+ background-color: rgb(var(--secondary-0));
+}
+
+
diff --git a/assets/background.svg b/assets/background.svg
new file mode 100644
index 0000000..2ecb789
--- /dev/null
+++ b/assets/background.svg
@@ -0,0 +1,300 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ width="32mm"
+ height="32mm"
+ viewBox="0 0 32 32"
+ version="1.1"
+ id="svg1"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns:serif="http://www.serif.com/">
+ <defs
+ id="defs1" />
+ <g
+ id="layer1">
+ <path
+ id="flower-outline"
+ serif:id="flower outline"
+ d="m 15.821686,16.060348 c -0.02089,5.5e-4 -0.08289,-0.03386 -0.06009,-0.08949 0.0047,-0.01158 0.02349,-0.03387 0.02481,-0.03795 0.0032,-0.0098 -0.0093,-0.05181 0.02383,-0.07966 0.01951,-0.01638 0.06441,-0.01408 0.07943,-0.0029 -0.0068,-0.01994 0.0069,-0.08906 0.06662,-0.08458 0.01655,0.0013 0.03799,0.01402 0.04939,0.0108 6e-4,-1.71e-4 0.0705,-0.03536 0.09801,0.02507 0.0052,0.01147 0.0082,0.0286 0.0082,0.0322 -2.3e-5,0.0055 -0.0015,0.01102 -0.0015,0.01656 0.0053,-0.0017 0.01,-0.0048 0.01525,-0.0065 0.01503,-0.005 0.07297,-0.009 0.08583,0.04369 0.003,0.01216 9e-4,0.04121 0.0023,0.04528 0.0032,0.0098 0.03801,0.03651 0.02754,0.07845 -0.0062,0.02501 -0.04451,0.0496 -0.06298,0.04898 0.01722,0.01168 0.04735,0.07613 -0.0039,0.107788 -0.01412,0.0087 -0.03897,0.01099 -0.0463,0.02029 -3.92e-4,4.95e-4 -0.03626,0.07006 -0.09405,0.03731 -0.01097,-0.0062 -0.02347,-0.01835 -0.02556,-0.02126 -0.0032,-0.0045 -0.0053,-0.0098 -0.0085,-0.01425 -0.0032,0.0045 -0.0053,0.0098 -0.0085,0.01425 -0.0092,0.01286 -0.05371,0.05019 -0.09511,0.01509 -0.0095,-0.0081 -0.02496,-0.0328 -0.02842,-0.03532 -0.0083,-0.006 -0.05221,-0.0072 -0.06839,-0.04728 -0.0096,-0.02388 0.0068,-0.06623 0.02212,-0.07662 z"
+ style="clip-rule:evenodd;fill:none;fill-rule:evenodd;stroke:#151515;stroke-width:0.013541px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(2.3125853,-1.8911954,1.8911954,2.3125853,-53.294974,11.447719)"
+ id="use1208" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(3.8235497,-3.7976023,3.7976023,3.8235497,-94.081971,7.8139276)"
+ id="use1209" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-5.7419482,-4.6309884,4.6309884,-5.7419482,37.503237,182.67465)"
+ id="use1210" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(2.6955215,5.1302419,-5.1302419,2.6955215,50.744346,-111.16101)"
+ id="use1211" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-4.6836683,-7.5950883,7.5950883,-4.6836683,-28.035299,225.79058)"
+ id="use1213" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(3.6572324,-2.2653506,2.2653506,3.6572324,-83.871282,-0.66272593)"
+ id="use1214" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-1.9419372,1.9985317,-1.9985317,-1.9419372,76.89305,8.1911136)"
+ id="use1217" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-4.2499751,-4.2633299,4.2633299,-4.2499751,24.604531,153.69985)"
+ id="use1218" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-1.8836426,3.1322302,-3.1322302,-1.8836426,101.61794,2.5282019)"
+ id="use1221" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(1.8509426,-1.6756383,1.6756383,1.8509426,-48.873541,18.371267)"
+ id="use1222" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(6.1824023,0.61504213,-0.61504213,6.1824023,-85.332752,-89.831011)"
+ id="use1223" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(4.5199557,-0.87116063,0.87116063,4.5199557,-84.134576,-28.148957)"
+ id="use1225" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(9.4528149,-4.7890663,4.7890663,9.4528149,-215.96757,-69.686113)"
+ id="use1226" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(1.1522379,-1.3791318,1.3791318,1.1522379,-22.790162,24.571218)"
+ id="use1227" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(0.68350304,-2.60514,2.60514,0.68350304,-44.829071,35.390474)"
+ id="use1228" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(0.68851938,0.92322523,-0.92322523,0.68851938,25.22969,-14.545582)"
+ id="use1229" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-2.9061045,-10.58983,10.58983,-2.9061045,-119.91817,240.35095)"
+ id="use1230" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-3.3251721,-2.1516174,2.1516174,-3.3251721,47.143828,102.39976)"
+ id="use1231" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-0.37314765,-3.2528601,3.2528601,-0.37314765,-22.977796,65.704808)"
+ id="use1233" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(0.0882003,-4.3719016,4.3719016,0.0882003,-46.415491,90.631251)"
+ id="use1234" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(0.74571155,-2.1573176,2.1573176,0.74571155,-21.882129,35.462188)"
+ id="use1236" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(3.9851531,-0.34253544,0.34253544,3.9851531,-54.636223,-36.024306)"
+ id="use1237" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(1.9142039,1.1778165,-1.1778165,1.9142039,8.8906181,-46.328863)"
+ id="use1238" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(1.2318056,1.3538219,-1.3538219,1.2318056,10.201596,-28.457179)"
+ id="use1239" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(5.401599,0.44723312,-0.44723312,5.401599,-55.381936,-67.529346)"
+ id="use1240" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(1.9795567,5.768687,-5.768687,1.9795567,63.173682,-116.17878)"
+ id="use1241" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(0.12278953,5.281234,-5.281234,0.12278953,100.99403,-75.487326)"
+ id="use1242" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(1.737774,-2.71332,2.71332,1.737774,-53.200737,40.066772)"
+ id="use1245" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-3.2282105,-3.3443015,3.3443015,-3.2282105,14.223085,107.94294)"
+ id="use1246" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-4.7201926,8.5657375,-8.5657375,-4.7201926,216.34924,-48.195943)"
+ id="use1247" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-2.2723668,4.0710237,-4.0710237,-2.2723668,108.43177,-20.679552)"
+ id="use1248" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-6.4264163,-2.4625768,2.4625768,-6.4264163,71.402741,168.27818)"
+ id="use1249" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(3.8817082,3.6095372,-3.6095372,3.8817082,25.954401,-101.99434)"
+ id="use1250" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-0.21771029,-1.2910172,1.2910172,-0.21771029,10.458288,44.510035)"
+ id="use1251" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-7.7071438,-6.6724299,6.6724299,-7.7071438,45.478717,258.97787)"
+ id="use1252" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(4.9473569,-5.5525177,5.5525177,4.9473569,-138.5464,33.613268)"
+ id="use1253" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(3.1536917,-0.0565441,0.0565441,3.1536917,-42.843267,-31.38833)"
+ id="use1254" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(1.9098919,0.07635278,-0.07635278,1.9098919,-5.4284033,-1.8786378)"
+ id="use1255" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(4.3906187,5.6172418,-5.6172418,4.3906187,32.677832,-131.77851)"
+ id="use1256" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(0.48060709,-0.50249008,0.50249008,0.48060709,3.5262062,20.127083)"
+ id="use1257" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(4.3515989,-5.6977873,5.6977873,4.3515989,-131.0421,33.014117)"
+ id="use1258" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-3.3677071,9.2011717,-9.2011717,-3.3677071,226.22964,-89.985239)"
+ id="use1260" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-3.6401511,-1.3250556,1.3250556,-3.6401511,67.399291,85.148078)"
+ id="use1261" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(2.234667,4.9627329,-4.9627329,2.234667,51.103825,-84.900059)"
+ id="use1262" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-4.0061581,7.885364,-7.885364,-4.0061581,193.58256,-59.590636)"
+ id="use1263" />
+ <use
+ x="0"
+ y="0"
+ xlink:href="#flower-outline"
+ transform="matrix(-2.6786176,-5.2268571,5.2268571,-2.6786176,-22.766215,133.17255)"
+ id="use1264" />
+ </g>
+</svg>
diff --git a/functions.php b/functions.php
index 1163a3b..7d41b7b 100644
--- a/functions.php
+++ b/functions.php
@@ -13,11 +13,11 @@
* Enqueue scripts and styles.
*/
function legacy_parent_theme_enqueue_styles() {
- wp_enqueue_style( 'jvb-theme-style', get_template_directory_uri() . '/style.css', array(), '0.1.0' );
+ wp_enqueue_style( 'jvb-theme-style', get_template_directory_uri() . '/style.css', array(), '1.6.0' );
wp_enqueue_style(
'legacy-style',
get_stylesheet_directory_uri() . '/style.css',
array( 'jvb-theme-style' ),
- '0.1.0'
+ '0.3.06'
);
}
diff --git a/style.css b/style.css
index 36d573b..5602d9e 100644
--- a/style.css
+++ b/style.css
@@ -1,306 +1,9 @@
-/*
-Theme Name: Tatty Soap Theme
-Theme URI: https://tattysoap.ca
+/*!
+Theme Name: Madi Mori Theme
+Theme URI: https://madimori.ca
Description: Jvb-theme child theme, for Tatty Soap.
Author: Jake
Author URI: https://jakevan.ca/
Template: jvb-theme
-Version: 0.1.0
-*/
-:root{
- /* Layout */
- --narrow: min(500px, 50vw);
- --maxWidth: min(768px, 65vw);
- --alignWide: min(1024px, 90vw);
- --alignMed: min(962px, 82.5vw);
- --full: 100vw;
- /* Margin */
- --mr: auto;
- --ml: auto;
- --mt: 1rem;
- --mb: 1rem;
- --setMargin: var(--mt) var(--mr) var(--mb) var(--ml);
- --insetMargin: var(--mt) calc((var(--maxWidth) - var(--narrow)) / 2 + var(--mr)) var(--mb) var(--ml);
- --height: 4rem;
- --doubleHeight: 8rem;
- --offHeight: 5rem;
- --maxHeight: calc(100vh - var(--height) - var(--height));
-
- --gap: .5rem;
- --wrap: wrap;
- --justify: center;
- --align: center;
- --dir: row;
- /* Typography */
- --w: 1.2em; /** Icon **/
-
- --filter: grayscale(.3) sepia(.4);
-
- /** Download your Fonts from: https://gwfh.mranftl.com/ **/
- --font-base: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
- --heading: 'Noto Serif Hentaigana', var(--font-base);
- --body: 'Playfair Display', var(--font-base);
- --hWeight: 400;
- --hlight: 200;
- --hBold: 900;
- --bWeight: 400;
- --bBold: 900;
- --bLight: 400;
-
- /* Font sizes */
- --enormous: calc(26vh - 4rem);
- --xxxlarge: clamp(2.5rem, 1.429rem + 2.857vw, 4rem);
- --xxlarge: clamp(2rem, 1.286rem + 1.905vw, 3rem);
- --xlarge: clamp(1.6rem, .957rem + 1.714vw, 2.5rem);
- --large: clamp(1.3rem, .6rem + 1.867vw, 2rem);
- --xmedium: clamp(1.4rem, .971rem + 1.143vw, 2rem);
- --medium: clamp(1.1rem, .993rem + .286vw, 1.25rem);
- --small: clamp(.95rem, .879rem + .19vw, 1.05rem);
- --extra-small: clamp(.75rem, 1.1337rem + -1.2278vw, .059375rem);
- /* Colours
- For best results, generate colours from base colours using: https://uicolors.app/generate/
- or sass darken/lighten by 5%: http://scg.ar-ch.org/
- */
- --light-0: #fdfcfc;
- --light-50: #f7f4f3;
- --light-100: #f0ebea;
- --light-200: #eae3e2;
- --dark-0: #241b1a;
- --dark-50: #2c2220;
- --dark-100: #352927;
- --dark-200: #3e2f2d;
- --action-0: #AD5B4B;
- --action-50: #b7695a;
- --action-100: #bf796c;
- --action-200: #c78a7e;
- --secondary-0: #DA993F;
- --secondary-50: #dea454;
- --secondary-100: #e2b06a;
- --secondary-200: #e6bb7f;
-
- --success: #20D64E;
- --successLight: #DBFAE3;
- --successDark: #05230D;
- --successBack: var(--successLight);
- --successText: var(--successDark);
- --warning: #D69121;
- --warningLight: #F6E5CB;
- --warningDark: #231806;
- --warningBack: var(--warningLight);
- --warningText: var(--warningDark);
- --error: #CF1616;
- --errorLight: #F9C8C8;
- --errorDark: #4A0808;
- --errorBack: var(--errorLight);
- --errorText: var(--errorDark);
- --action-contrast: var(--light-0);
- --secondary-contrast: var(--light-0);
- --light-rgb: 239,239,239;
- --dark-rgb: 21,21,21;
- --action-rgb: 255,0,128;
- --secondary-rgb: 252,185,0;
-
- --rgba-subtle: rgba(var(--c),.5);
- --rgba-subtle-hover: rgba(var(--c),.1);
-
- --base: var(--light-0);
- --base-50: var(--light-50);
- --base-100: var(--light-100);
- --base-200: var(--light-200);
- --contrast: var(--dark-0);
- --contrast-50: var(--dark-50);
- --contrast-100: var(--dark-100);
- --contrast-200: var(--dark-200);
- --c: var(--light-rgb);
- --base-rgb: var(--light-rgb);
- --contrast-rgb: var(--dark-rgb);
-
- /* Stacking */
- --z-1: 5;
- --z-2: 10;
- --z-3: 15;
- --z-4: 20;
- --z-5: 50;
- --z-6: 100;
- --z-top: 999;
- --zz-top: 999999;
- /* Overlays */
- --rgb-light: .25;
- --rgb-medium: .66;
- --rgb-heavy: .85;
- --overlay-light: rgba(var(--c), .25);
- --overlay-medium: rgba(var(--c), .66);
- --overlay-heavy: rgba(var(--c), .85);
- --shimmer: rgba(var(--dark-rgb),0) 0%,
- rgba(var(--dark-rgb),.05) 50%,
- rgba(var(--dark-rgb),0) 100%;
- /* Shadows */
- --shadow: rgba(var(--dark-rgb),.45) 0px 0px 4px;
- --shadow-down: rgba(var(--dark-rgb),.45) 0 6px 5px -5px; /* Bottom */
- --shadow-right: rgba(var(--dark-rgb),.45) 6px 0 5px -5px; /* Right */
- --shadow-left: rgba(var(--dark-rgb), .45) -6px 0 5px -5px; /* Left */
- --shadow-up: rgba(var(--dark-rgb), .45) 0 -6px 5px -5px; /* Up */
- --subtle: rgba(var(--dark-rgb), .45) 0px 25px 20px -20px;
- --subtleRight: rgba(var(--dark-rgb), .45) 10px 0 20px -20px;
- --shadow-none: transparent 0px 0px 0px;
- /* Rounding */
- --innerRadius: 4px;
- --outerPadding: 1rem;
- --outerRadius: calc(var(--innerRadius) + var(--outerPadding));
- /* Transitions */
- --function:cubic-bezier(.47,.24,.07,.47);
- --timing: .25s;
- --transition-base: var(--timing) var(--function);
- --transition-color: background-color var(--transition-base),
- color var(--transition-base), border var(--transition-base);
- --transition-transform: transform var(--transition-base);
- --transition-size: width var(--transition-base),
- height var(--transition-base),max-width var(--transition-base), max-height var(--transition-base);
-
- --offScreen: -200vw;
-
-
- --scrollbar-width: 8px;
- --scrollbar-track-color: var(--base-100);
- --scrollbar-thumb-color: var(--action-0);
- --scrollbar-thumb-hover-color: var(--action-50);
- --scrollbar-thumb-border: 2px solid var(--base-50);
- --scrollbar-border-radius: 4px;
-
- --can-scroll: 0;
-}
-
-body:has(#theme-switcher:checked){
- --action-50: #9b5243;
- --action-100: #89483c;
- --action-200: #783f34;
- --secondary-50: #d68e2a;
- --secondary-100: #c18025;
- --secondary-200: #ab7121;
- --contrast: var(--light-0);
- --contrast-50: var(--light-50);
- --contrast-100: var(--light-100);
- --contrast-200: var(--light-200);
- --base: var(--dark-0);
- --base-50: var(--dark-50);
- --base-100: var(--dark-100);
- --base-200: var(--dark-200);
- --c: var(--dark-rgb);
- --base-rgb: var(--dark-rgb);
- --contrast-rgb: var(--light-rgb);
- --overlay-light: rgba(var(--c), .25);
- --overlay-medium: rgba(var(--c), .5);
- --overlay-heavy: rgba(var(--c), .85);
- --shimmer: rgba(var(--c),0) 0%,
- rgba(var(--c),.05) 50%,
- rgba(var(--c),0) 100%;
- --shadow: rgba(var(--light-rgb),.45) 0px 0px 4px;
- --shadow-down: rgba(var(--light-rgb),.45) 0 6px 5px -5px; /* Bottom */
- --shadow-right: rgba(var(--light-rgb),.45) 6px 0 5px -5px; /* Right */
- --shadow-left: rgba(var(--light-rgb), .45) -6px 0 5px -5px; /* Left */
- --shadow-up: rgba(var(--light-rgb), .45) 0 -6px 5px -5px; /* Up */
- --subtle: rgba(var(--light-rgb), .45) 0px 25px 20px -20px;
- --subtleRight: rgba(var(--light-rgb), .45) 10px 0 20px -20px;
-
- --successBack: var(--successDark);
- --successText: var(--successLight);
- --warningBack: var(--warningDark);
- --warningText: var(--warningLight);
- --errorBack: var(--errorDark);
- --errorText: var(--errorLight);
-
-}
-/*** FONTS START **/
-/** Download your Fonts from: https://gwfh.mranftl.com/
-use ./assets/fonts/ as a base
-
-**/
-
-/* playfair-display-regular - latin */
-@font-face {
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
- font-family: 'Playfair Display';
- font-style: normal;
- font-weight: 400;
- src: url('./assets/fonts/playfair-display-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
- url('./assets/fonts/playfair-display-v40-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-/* playfair-display-italic - latin */
-@font-face {
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
- font-family: 'Playfair Display';
- font-style: italic;
- font-weight: 400;
- src: url('./assets/fonts/playfair-display-v40-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
- url('./assets/fonts/playfair-display-v40-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-/* playfair-display-900 - latin */
-@font-face {
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
- font-family: 'Playfair Display';
- font-style: normal;
- font-weight: 900;
- src: url('./assets/fonts/playfair-display-v40-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
- url('./assets/fonts/playfair-display-v40-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-/* playfair-display-900italic - latin */
-@font-face {
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
- font-family: 'Playfair Display';
- font-style: italic;
- font-weight: 900;
- src: url('./assets/fonts/playfair-display-v40-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
- url('./assets/fonts/playfair-display-v40-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-
-/* noto-serif-hentaigana-200 - latin */
-@font-face {
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
- font-family: 'Noto Serif Hentaigana';
- font-style: normal;
- font-weight: 200;
- src: url('./assets/fonts/noto-serif-hentaigana-v17-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
- url('./assets/fonts/noto-serif-hentaigana-v17-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-/* noto-serif-hentaigana-regular - latin */
-@font-face {
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
- font-family: 'Noto Serif Hentaigana';
- font-style: normal;
- font-weight: 400;
- src: url('./assets/fonts/noto-serif-hentaigana-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
- url('./assets/fonts/noto-serif-hentaigana-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-/* noto-serif-hentaigana-900 - latin */
-@font-face {
- font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
- font-family: 'Noto Serif Hentaigana';
- font-style: normal;
- font-weight: 900;
- src: url('./assets/fonts/noto-serif-hentaigana-v17-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
- url('./assets/fonts/noto-serif-hentaigana-v17-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
-}
-/*** FONTS END ***/
-
-
-.wp-site-blocks > header .title {
- align-items: center;
- font-size: var(--large);
- font-family: var(--heading);
- font-weight: var(--hBold);
- text-transform: uppercase;
-}
-
-.intro {
- padding: 1rem;
-}
-.intro h1 {
- line-height: .75;
- font-size: 25vw;
- font-weight: var(--hBold);
- font-family: var(--heading);
- margin: 0 auto 3rem;
-}
-.intro p {
- text-align: center;
-}
\ No newline at end of file
+Version: 0.3.06
+!*/:root{--background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><path id="a" fill="none" stroke="%23000" stroke-width=".014" d="M15.822 16.06c-.021 0-.083-.034-.06-.09.004-.01.023-.033.024-.037.004-.01-.009-.052.024-.08.02-.016.065-.014.08-.003-.007-.02.007-.089.066-.084.017.001.038.014.05.01 0 0 .07-.035.098.026a.1.1 0 0 1 .008.032l-.002.016.016-.006c.015-.005.073-.01.085.044.003.012.001.04.003.045.003.01.038.036.027.078-.006.025-.044.05-.063.05.018.011.048.075-.004.107-.014.009-.039.011-.046.02 0 0-.036.07-.094.038a.1.1 0 0 1-.025-.022L16 16.19l-.008.014c-.01.013-.054.05-.096.016-.01-.009-.025-.033-.028-.036-.008-.006-.052-.007-.068-.047-.01-.024.006-.066.022-.077" clip-rule="evenodd"/><use xlink:href="%23a" transform="rotate(-39.276 -10.607 80.402)scale(2.98742)"/><use xlink:href="%23a" transform="rotate(-44.805 -37.563 118.023)scale(5.389)"/><use xlink:href="%23a" transform="rotate(218.887 50.994 84.718)scale(7.37672)"/><use xlink:href="%23a" transform="rotate(62.282 117.36 -13.588)scale(5.79528)"/><use xlink:href="%23a" transform="rotate(238.34 48.999 120.72)scale(8.92312)"/><use xlink:href="%23a" transform="rotate(-31.775 -43.1 147.008)scale(4.302)"/><use xlink:href="%23a" transform="rotate(134.177 36.716 20.345)scale(2.78662)"/><use xlink:href="%23a" transform="rotate(225.09 44.205 71.743)scale(6.01982)"/><use xlink:href="%23a" transform="rotate(121.022 50.094 29.998)scale(3.655)"/><use xlink:href="%23a" transform="rotate(-42.154 -.603 72.59)scale(2.49675)"/><use xlink:href="%23a" transform="rotate(5.681 862.543 -904.797)scale(6.21292)"/><use xlink:href="%23a" transform="rotate(-10.91 -189.46 426.469)scale(4.60314)"/><use xlink:href="%23a" transform="rotate(-26.868 -253.855 417.234)scale(10.59674)"/><use xlink:href="%23a" transform="rotate(-50.122 14.878 36.655)scale(1.79712)"/><use xlink:href="%23a" transform="rotate(-75.299 .522 46.75)scale(2.69331)"/><use xlink:href="%23a" transform="rotate(53.285 27.111 17.872)scale(1.1517)"/><use xlink:href="%23a" transform="rotate(254.654 31.68 165.897)scale(10.98135)"/><use xlink:href="%23a" transform="rotate(212.906 38.692 44.239)scale(3.96058)"/><use xlink:href="%23a" transform="rotate(-96.544 17.81 43.099)scale(3.2742)"/><use xlink:href="%23a" transform="rotate(-88.844 23.031 68.996)scale(4.3728)"/><use xlink:href="%23a" transform="rotate(-70.931 13.948 33.09)scale(2.28257)"/><use xlink:href="%23a" transform="rotate(-4.913 -447.208 618.813)scale(3.99985)"/><use xlink:href="%23a" transform="rotate(31.604 86.295 -7.457)scale(2.24754)"/><use xlink:href="%23a" transform="rotate(47.702 37.284 -2.691)scale(1.83035)"/><use xlink:href="%23a" transform="rotate(4.733 789.311 -703.802)scale(5.42008)"/><use xlink:href="%23a" transform="rotate(71.06 112.935 -13.855)scale(6.09888)"/><use xlink:href="%23a" transform="rotate(88.668 89.128 13.941)scale(5.28266)"/><use xlink:href="%23a" transform="rotate(-57.362 10.02 68.658)scale(3.2221)"/><use xlink:href="%23a" transform="rotate(226.012 30.028 50.952)scale(4.6482)"/><use xlink:href="%23a" transform="rotate(118.857 122.41 39.803)scale(9.78019)"/><use xlink:href="%23a" transform="rotate(119.17 60.286 21.488)scale(4.66228)"/><use xlink:href="%23a" transform="rotate(200.967 51.27 77.533)scale(6.88209)"/><use xlink:href="%23a" transform="rotate(42.92 142.71 -17.984)scale(5.3006)"/><use xlink:href="%23a" transform="rotate(-99.572 24.045 17.834)scale(1.30925)"/><use xlink:href="%23a" transform="rotate(220.884 71.004 121.013)scale(10.19418)"/><use xlink:href="%23a" transform="rotate(-48.299 -31.788 171.312)scale(7.43685)"/><use xlink:href="%23a" transform="rotate(-1.027 -1772.216 2374.039)scale(3.1542)"/><use xlink:href="%23a" transform="rotate(2.29 44.297 -136.78)scale(1.91142)"/><use xlink:href="%23a" transform="rotate(51.988 151.469 -32.38)scale(7.12958)"/><use xlink:href="%23a" transform="rotate(-46.275 25.314 5.938)scale(.69533)"/><use xlink:href="%23a" transform="rotate(-52.63 -32.143 148.992)scale(7.16946)"/><use xlink:href="%23a" transform="rotate(110.103 144.559 34.06)scale(9.79811)"/><use xlink:href="%23a" transform="rotate(200.002 41.207 36.631)scale(3.87382)"/><use xlink:href="%23a" transform="rotate(65.758 91.222 -2.921)scale(5.44265)"/><use xlink:href="%23a" transform="rotate(116.933 115.074 29.597)scale(8.84467)"/><use xlink:href="%23a" transform="rotate(242.866 29.314 73.544)scale(5.87325)"/></svg>');--filter:grayscale(.3) sepia(.4);--font-base:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--heading:'Noto Serif Hentaigana',var(--font-base);--body:'Playfair Display',var(--font-base);--fw-h:400;--fw-h-light:200;--fw-h-bold:900;--fw-b:400;--fw-b-bold:900;--fw-b-light:400;--light-0:252,251,251;--light-50:241,236,236;--light-100:230,222,222;--light-200:219,207,207;--dark-0:26,19,18;--dark-50:41,30,28;--dark-100:56,41,39;--dark-200:71,52,49;--action-0:173,91,75;--action-50:183,105,90;--action-100:191,121,108;--action-200:199,138,126;--action-contrast:var(--light-0);--secondary-0:218,153,63;--secondary-50:222,164,84;--secondary-100:226,176106;--secondary-200:230,187,127;--secondary-contrast:var(--light-0);--success:32,214,78;--successLight:219,250,227;--successDark:5,35,13;--warning:214,145,33;--warningLight:246,229,203;--warningDark:35,24,6;--error:207,22,22;--errorLight:249,200,200;--errorDark:74,8,8;--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--successBack:var(--successLight);--successText:var(--successDark);--warningBack:var(--warningLight);--warningText:var(--warningDark);--errorBack:var(--errorLight);--errorText:var(--errorDark)}body:has(#theme-switcher:checked){--action-50:155,82,67;--action-100:137,72,60;--action-200:120,63,52;--secondary-50:214,142,42;--secondary-100:193,128,37;--secondary-200:173,113,33;--contrast:var(--light-0);--contrast-50:var(--light-50);--contrast-100:var(--light-100);--contrast-200:var(--light-200);--contrast-rgb:var(--light-rgb);--base:var(--dark-0);--base-50:var(--dark-50);--base-100:var(--dark-100);--base-200:var(--dark-200);--base-rgb:var(--dark-rgb);--successBack:var(--successDark);--successText:var(--successLight);--warningBack:var(--warningDark);--warningText:var(--warningLight);--errorBack:var(--errorDark);--errorText:var(--errorLight)}@font-face{font-display:swap;font-family:'Playfair Display';font-style:normal;font-weight:400;src:url(assets/fonts/playfair-display-v40-latin-regular.woff2) format('woff2'),url(assets/fonts/playfair-display-v40-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Playfair Display';font-style:italic;font-weight:400;src:url(assets/fonts/playfair-display-v40-latin-italic.woff2) format('woff2'),url(assets/fonts/playfair-display-v40-latin-italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Playfair Display';font-style:normal;font-weight:900;src:url(assets/fonts/playfair-display-v40-latin-900.woff2) format('woff2'),url(assets/fonts/playfair-display-v40-latin-900.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Playfair Display';font-style:italic;font-weight:900;src:url(assets/fonts/playfair-display-v40-latin-900italic.woff2) format('woff2'),url(assets/fonts/playfair-display-v40-latin-900italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Noto Serif Hentaigana';font-style:normal;font-weight:200;src:url(assets/fonts/noto-serif-hentaigana-v17-latin-200.woff2) format('woff2'),url(assets/fonts/noto-serif-hentaigana-v17-latin-200.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Noto Serif Hentaigana';font-style:normal;font-weight:400;src:url(assets/fonts/noto-serif-hentaigana-v17-latin-regular.woff2) format('woff2'),url(assets/fonts/noto-serif-hentaigana-v17-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Noto Serif Hentaigana';font-style:normal;font-weight:900;src:url(assets/fonts/noto-serif-hentaigana-v17-latin-900.woff2) format('woff2'),url(assets/fonts/noto-serif-hentaigana-v17-latin-900.ttf) format('truetype')}.wp-site-blocks.wp-site-blocks>header,body>header{--justify:center;overflow:hidden;height:max(var(--btn),10vh)}.wp-site-blocks>header #theme-switch{position:absolute;left:1rem}.wp-site-blocks>header img{height:var(--chipchip);width:auto!important;margin:0 1rem}.wp-site-blocks>header .title{align-items:center;font-size:var(--txt-large);font-family:var(--heading);font-weight:var(--fw-h-bold);text-transform:uppercase;width:max-content}.intro{padding:1rem}.intro h1{line-height:.75;font-size:25vw;font-weight:var(--fw-h-bold);font-family:var(--heading);margin:0 auto 3rem;text-align:center}.intro p{text-align:center}.pre-footer{background-color:rgb(var(--base));padding:2rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.pre-footer p{margin:0;text-align:center}.pre-footer+footer{margin-top:0}nav.condensed ul{flex-direction:row}aside.sub{position:sticky;top:-2rem;transition:top var(--trans-base);background-color:rgb(var(--base));box-shadow:rgba(var(--base-100),var(--op-45)) var(--shdw-down)}aside.sub.row.x-btw.x-btw{--justify:center}aside.sub p{margin:0;text-align:center}.scroll-up .sub-header{top:var(--btn)}footer{overflow:hidden}.callout.callout{position:relative;padding:3rem 1rem}footer,header{position:relative}.callout::before,footer::before,header::before{content:'';inset:0;position:absolute;z-index:0;mask-image:var(--background);-webkit-mask-image:var(--background);mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;background-color:rgba(var(--contrast-100),var(--op-2))}footer::before,header::before{width:200vw;height:200vh;inset:-25vh -25vw;z-index:-1}header::before{width:150vw;height:150vw;transform:rotate(10deg)}footer::before{transform:rotate(-10deg)}.callout>.wrap{z-index:1;background-color:rgb(var(--action-0));border:.5rem solid rgb(var(--secondary-0));padding:1rem;width:100%;max-width:100%}.callout>.wrap h1{margin:0;font-size:1.75em}.callout>.wrap .buttons{margin-bottom:0}@media (min-width:768px){.callout.callout{padding:2rem}.callout>.wrap{padding:2rem;border-width:1rem;max-width:var(--wider)}.callout>.wrap h1{font-size:var(--txt-xxx-large)}.callout>.wrap .buttons li{max-width:49%}}.callout .buttons a{color:var(--secondary-contrast);background-color:rgb(var(--secondary-0))}
\ No newline at end of file
diff --git a/theme.json b/theme.json
index 6080e3b..1a6f739 100644
--- a/theme.json
+++ b/theme.json
@@ -8,49 +8,139 @@
"wideSize": "1100px"
},
"color": {
+ "duotone": [
+ {
+ "slug": "base",
+ "name": "Base",
+ "colors": ["#1a1312", "#fcfbfb"]
+ },
+ {
+ "slug": "action",
+ "name": "Action",
+ "colors": [
+ "oklch(from #fcfbfb .18 .02 h)",
+ "oklch(from #AD5B4B .72 .28 h)"
+ ]
+ },
+ {
+ "slug": "action-complement",
+ "name": "Action Complementary",
+ "colors": [
+ "oklch(from #AD5B4B .22 .08 calc(h + 180))",
+ "oklch(from #AD5B4B .8 .26 h)"
+ ]
+ },
+ {
+ "slug": "action-triadic",
+ "name": "Action Triadic",
+ "colors": [
+ "oklch(from #AD5B4B .24 .1 calc(h + 120))",
+ "oklch(from #AD5B4B .82 .2 calc(h - 120))"
+ ]
+ },
+ {
+ "slug": "action-monochrome",
+ "name": "Action Monochrome",
+ "colors": [
+ "oklch(from #AD5B4B .3 .04 h)",
+ "oklch(from #AD5B4B .88 .08 h)"
+ ]
+ },
+ {
+ "slug": "action-film",
+ "name": "Action Film",
+ "colors": [
+ "oklch(from #AD5B4B .35 .1 h)",
+ "oklch(from #1a1312 .96 .02 h)"
+ ]
+ },
+ {
+ "slug": "secondary",
+ "name": "Secondary",
+ "colors": [
+ "oklch(from #fcfbfb .18 .02 h)",
+ "oklch(from #DA993F .72 .28 h)"
+ ]
+ },
+ {
+ "slug": "secondary-complement",
+ "name": "Secondary Complementary",
+ "colors": [
+ "oklch(from #DA993F .22 .08 calc(h + 180))",
+ "oklch(from #DA993F .8 .26 h)"
+ ]
+ },
+ {
+ "slug": "secondary-triadic",
+ "name": "Secondary Triadic",
+ "colors": [
+ "oklch(from #DA993F .24 .1 calc(h + 120))",
+ "oklch(from #DA993F .82 .2 calc(h - 120))"
+ ]
+ },
+ {
+ "slug": "secondary-monochrome",
+ "name": "Secondary Monochrome",
+ "colors": [
+ "oklch(from #DA993F .3 .04 h)",
+ "oklch(from #DA993F .88 .08 h)"
+ ]
+ },
+ {
+ "slug": "secondary-film",
+ "name": "Secondary Film",
+ "colors": [
+ "oklch(from #DA993F .35 .1 h)",
+ "oklch(from #1a1312 .96 .02 h)"
+ ]
+ }
+ ],
+ "customDuotone": false,
+
+
"defaultGradients": false,
"palette": [
{
- "slug": "contrast",
- "color": "#241b1a",
- "name": "Darkest"
- },
- {
- "slug": "contrast-50",
- "color": "#2c2220",
- "name": "Darker"
- },
- {
- "slug": "contrast-100",
- "color": "#352927",
+ "slug": "dark-0",
+ "color": "#1a1312",
"name": "Dark"
},
{
- "slug": "contrast-200",
- "color": "#3e2f2d",
- "name": "Dark"
+ "slug": "dark-50",
+ "color": "#291e1c",
+ "name": "Dark 50"
},
{
- "slug": "base",
- "color": "#fdfcfc",
- "name": "Lightest"
+ "slug": "dark-100",
+ "color": "#382927",
+ "name": "Dark 100"
},
{
- "slug": "base-50",
- "color": "#f7f4f3",
- "name": "Lighterer"
+ "slug": "dark-200",
+ "color": "#473431",
+ "name": "Dark 200"
},
{
- "slug": "base-100",
- "color": "#f0ebea",
- "name": "Lighter"
- },
- {
- "slug": "base-200",
- "color": "#eae3e2",
+ "slug": "light-0",
+ "color": "#fcfbfb",
"name": "Light"
},
{
+ "slug": "light-50",
+ "color": "#f1ecec",
+ "name": "Light 50"
+ },
+ {
+ "slug": "light-100",
+ "color": "#e6dede",
+ "name": "Light 100"
+ },
+ {
+ "slug": "light-200",
+ "color": "#dbcfcf",
+ "name": "Light 200"
+ },
+ {
"slug": "action-0",
"color": "#AD5B4B",
"name": "Action"
@@ -58,17 +148,37 @@
{
"slug": "action-50",
"color": "#b7695a",
- "name": "Action Light"
+ "name": "Action 50"
},
{
"slug": "action-100",
"color": "#bf796c",
- "name": "Action Lighter"
+ "name": "Action 100"
},
{
"slug": "action-200",
"color": "#c78a7e",
- "name": "Action Lightest"
+ "name": "Action 200"
+ },
+ {
+ "slug": "action-comp",
+ "color": "oklch(from #AD5B4B l c calc(h + 180))",
+ "name": "Action Complement"
+ },
+ {
+ "slug": "action-tri",
+ "color": "oklch(from #AD5B4B .82 .2 calc(h - 120))",
+ "name": "Action Triadic"
+ },
+ {
+ "slug": "action-tri-alt",
+ "color": "oklch(from #AD5B4B .82 .2 calc(h + 120))",
+ "name": "Action Triadic Alt"
+ },
+ {
+ "slug": "action-mono",
+ "color": "oklch(from #AD5B4B .3 .04 h)",
+ "name": "Action Monochrome"
},
{
"slug": "secondary-0",
@@ -78,19 +188,39 @@
{
"slug": "secondary-50",
"color": "#dea454",
- "name": "Secondary Light"
+ "name": "Secondary 50"
},
{
"slug": "secondary-100",
"color": "#e2b06a",
- "name": "Secondary Lighter"
+ "name": "Secondary 100"
},
{
"slug": "secondary-200",
"color": "#e6bb7f",
- "name": "Secondary Lightest"
- }
+ "name": "Secondary 200"
+ },
+ {
+ "slug": "secondary-comp",
+ "color": "oklch(from #DA993F l c calc(h + 180))",
+ "name": "Secondary Complement"
+ },
+ {
+ "slug": "secondary-tri",
+ "color": "oklch(from #DA993F .82 .2 calc(h - 120))",
+ "name": "Secondary Triadic"
+ },
+ {
+ "slug": "secondary-tri-alt",
+ "color": "oklch(from #DA993F .82 .2 calc(h + 120))",
+ "name": "Secondary Triadic Alt"
+ },
+ {
+ "slug": "secondary-mono",
+ "color": "oklch(from #DA993F .3 c h)",
+ "name": "Secondary Monochrome"
+ }
]
}
}
--
Gitblit v1.10.0