13 files added
2 files modified
| | |
| | | /*! |
| | | Theme Name: Jake Van Extension |
| | | Theme URI: https://jakevan.ca |
| | | Description: Jvb-theme child theme, for Jake. |
| | | Theme Name: Edmonton Ink Extension |
| | | Theme URI: https://edmonton.ink |
| | | Description: Jvb-theme child theme, for edmonton.ink. |
| | | Author: Jake |
| | | Author URI: https://jakevan.ca/ |
| | | Template: jvb-theme |
| | |
| | | |
| | | /** 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: 'Josefin Sans', var(--font-base); |
| | | --body: 'Open Sans', var(--font-base); |
| | | --fw-h: 300; |
| | | --fw-h-light: 300; |
| | | --fw-h-bold: 700; |
| | | --fw-b: 500; |
| | | --fw-b-bold: 800; |
| | | --heading: 'Mitr', 'Impact', var(--font-base); |
| | | --body: 'Courier Prime', var(--font-base); |
| | | --fw-h: 700; |
| | | --fw-h-light: 700; |
| | | --fw-h-bold: regular; |
| | | --fw-b: 300; |
| | | --fw-b-bold: 700; |
| | | --fw-b-light: 300; |
| | | |
| | | /* 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: #efefef; |
| | | --light-50: #e2e2e2; |
| | | --light-100: #d5d5d5; |
| | | --light-200: #c9c9c9; |
| | | --light-rgb: 239,239,239; |
| | | --light-0: #f9f9f9; |
| | | --light-50: #f0f0f0; |
| | | --light-100: #e6e6e6; |
| | | --light-200: #dbdbdb; |
| | | --light-rgb: 249,249,249; |
| | | |
| | | --dark-0: #151515; |
| | | --dark-50: #222222; |
| | | --dark-100: #2e2e2e; |
| | | --dark-200: #3b3b3b; |
| | | --dark-50: #212121; |
| | | --dark-100: #2c2c2c; |
| | | --dark-200: #383838; |
| | | --dark-rgb: 21,21,21; |
| | | |
| | | --action-0: #ff0080; |
| | |
| | | } |
| | | |
| | | body:has(#theme-switcher:checked){ |
| | | --action-50: #db006e; |
| | | --action-100: #b8005c; |
| | | --action-200: #94004a; |
| | | --action-50: #cc0066; |
| | | --action-100: #99004d; |
| | | --action-200: #660033; |
| | | --secondary-50: #d89f00; |
| | | --secondary-100: #b58500; |
| | | --secondary-200: #916a00; |
| | |
| | | /** Download your Fonts from: https://gwfh.mranftl.com/ |
| | | use ./assets/fonts/ as a base |
| | | **/ |
| | | @font-face { |
| | | font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ |
| | | font-family: 'Courier Prime'; |
| | | font-style: normal; |
| | | font-weight: 400; |
| | | src: url('./assets/fonts/courier-prime-v9-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| | | url('./assets/fonts/courier-prime-v9-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
| | | } |
| | | /* courier-prime-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: 'Courier Prime'; |
| | | font-style: italic; |
| | | font-weight: 400; |
| | | src: url('./assets/fonts/courier-prime-v9-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| | | url('./assets/fonts/courier-prime-v9-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
| | | } |
| | | /* courier-prime-700 - 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: 'Courier Prime'; |
| | | font-style: normal; |
| | | font-weight: 700; |
| | | src: url('./assets/fonts/courier-prime-v9-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| | | url('./assets/fonts/courier-prime-v9-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
| | | } |
| | | /* courier-prime-700italic - 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: 'Courier Prime'; |
| | | font-style: italic; |
| | | font-weight: 700; |
| | | src: url('./assets/fonts/courier-prime-v9-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| | | url('./assets/fonts/courier-prime-v9-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
| | | } |
| | | |
| | | /* mitr-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: 'Mitr'; |
| | | font-style: normal; |
| | | font-weight: 400; |
| | | src: url('./assets/fonts/mitr-v11-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| | | url('./assets/fonts/mitr-v11-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
| | | } |
| | | /* mitr-700 - 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: 'Mitr'; |
| | | font-style: normal; |
| | | font-weight: 700; |
| | | src: url('./assets/fonts/mitr-v11-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ |
| | | url('./assets/fonts/mitr-v11-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ |
| | | } |
| | | /*** FONTS END ***/ |
| | | |
| | | header svg.logo { |
| | | height: var(--chipchip); |
| | | } |
| | | |
| | | header svg.logo path:not(#flame) { |
| | | /*fill: var(--contrast) !important;*/ |
| | | /*fill: var(--light-0)!important;*/ |
| | | } |
| | | header svg.logo path { |
| | | paint-order: stroke fill; |
| | | stroke: var(--dark-0)!important; |
| | | stroke-width: 1px; |
| | | } |
| | | header [rel=home]:hover { |
| | | background: var(--action-0); |
| | | } |
| | | header [rel=home]:hover .logo path#flame { |
| | | /*fill: var(--dark-0);*/ |
| | | } |
| | | |
| | | header { |
| | | --offset: .5rem; |
| | | padding: 0 var(--offset); |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | header > #theme-switch { |
| | | position: absolute; |
| | | left: var(--offset); |
| | | } |
| | | header > nav:not(.mobile) { |
| | | position: absolute; |
| | | right: var(--offset); |
| | | --gap: 0; |
| | | } |
| | | |
| | | .toggle.notifications.has .icon-bell, |
| | | .toggle.notifications .icon-bell-ringing { |
| | | display: none; |
| | | } |
| | | |
| | | .toggle.notifications .icon-bell, |
| | | .toggle.notifications.has .icon-bell-ringing { |
| | | display: block; |
| | | } |
| | | /*}*/ |
| | | /*header >svg #flame {*/ |
| | | /* paint-order: stroke fill;*/ |
| | | /* stroke: var(--dark-0);*/ |
| | | /* stroke-width: 1px;*/ |
| | | /*}*/ |
| | | |
| | | |
| | | @media (min-width:768px) { |
| | | footer { |
| | | padding: 1rem 2rem; |
| | | } |
| | | } |
| New file |
| | |
| | | <?php |
| | | //Nothing to see here |
| | | |
| | |
| | | /*! |
| | | Theme Name: Jake Van Extension |
| | | Theme URI: https://jakevan.ca |
| | | Description: Jvb-theme child theme, for Jake. |
| | | Theme Name: Edmonton Ink Extension |
| | | Theme URI: https://edmonton.ink |
| | | Description: Jvb-theme child theme, for edmonton.ink. |
| | | Author: Jake |
| | | Author URI: https://jakevan.ca/ |
| | | Template: jvb-theme |
| | | Version: 0.1.0 |
| | | !*/:root{--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:'Josefin Sans',var(--font-base);--body:'Open Sans',var(--font-base);--fw-h:300;--fw-h-light:300;--fw-h-bold:700;--fw-b:500;--fw-b-bold:800;--fw-b-light:300;--light-0:#efefef;--light-50:#e2e2e2;--light-100:#d5d5d5;--light-200:#c9c9c9;--light-rgb:239,239,239;--dark-0:#151515;--dark-50:#222222;--dark-100:#2e2e2e;--dark-200:#3b3b3b;--dark-rgb:21,21,21;--action-0:#ff0080;--action-50:#ff2492;--action-100:#ff47a4;--action-200:#ff6bb5;--action-rgb:255,0,128;--action-contrast:var(--light-0);--secondary-0:#D69121;--secondary-50:#ffc421;--secondary-100:#ffcd44;--secondary-200:#ffd768;--secondary-rgb:252,185,0;--secondary-contrast:var(--light-0);--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);--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--base-rgb:var(--light-rgb);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--contrast-rgb:var(--dark-rgb)}body:has(#theme-switcher:checked){--action-50:#db006e;--action-100:#b8005c;--action-200:#94004a;--secondary-50:#d89f00;--secondary-100:#b58500;--secondary-200:#916a00;--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)} |
| | | !*/:root{--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:'Mitr','Impact',var(--font-base);--body:'Courier Prime',var(--font-base);--fw-h:700;--fw-h-light:700;--fw-h-bold:regular;--fw-b:300;--fw-b-bold:700;--fw-b-light:300;--light-0:#f9f9f9;--light-50:#f0f0f0;--light-100:#e6e6e6;--light-200:#dbdbdb;--light-rgb:249,249,249;--dark-0:#151515;--dark-50:#212121;--dark-100:#2c2c2c;--dark-200:#383838;--dark-rgb:21,21,21;--action-0:#ff0080;--action-50:#ff2492;--action-100:#ff47a4;--action-200:#ff6bb5;--action-rgb:255,0,128;--action-contrast:var(--light-0);--secondary-0:#D69121;--secondary-50:#ffc421;--secondary-100:#ffcd44;--secondary-200:#ffd768;--secondary-rgb:252,185,0;--secondary-contrast:var(--light-0);--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);--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--base-rgb:var(--light-rgb);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--contrast-rgb:var(--dark-rgb)}body:has(#theme-switcher:checked){--action-50:#cc0066;--action-100:#99004d;--action-200:#660033;--secondary-50:#d89f00;--secondary-100:#b58500;--secondary-200:#916a00;--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:'Courier Prime';font-style:normal;font-weight:400;src:url(assets/fonts/courier-prime-v9-latin-regular.woff2) format('woff2'),url(assets/fonts/courier-prime-v9-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Courier Prime';font-style:italic;font-weight:400;src:url(assets/fonts/courier-prime-v9-latin-italic.woff2) format('woff2'),url(assets/fonts/courier-prime-v9-latin-italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Courier Prime';font-style:normal;font-weight:700;src:url(assets/fonts/courier-prime-v9-latin-700.woff2) format('woff2'),url(assets/fonts/courier-prime-v9-latin-700.ttf) format('truetype')}@font-face{font-display:swap;font-family:'Courier Prime';font-style:italic;font-weight:700;src:url(assets/fonts/courier-prime-v9-latin-700italic.woff2) format('woff2'),url(assets/fonts/courier-prime-v9-latin-700italic.ttf) format('truetype')}@font-face{font-display:swap;font-family:Mitr;font-style:normal;font-weight:400;src:url(assets/fonts/mitr-v11-latin-regular.woff2) format('woff2'),url(assets/fonts/mitr-v11-latin-regular.ttf) format('truetype')}@font-face{font-display:swap;font-family:Mitr;font-style:normal;font-weight:700;src:url(assets/fonts/mitr-v11-latin-700.woff2) format('woff2'),url(assets/fonts/mitr-v11-latin-700.ttf) format('truetype')}header svg.logo{height:var(--chipchip)}header svg.logo path{paint-order:stroke fill;stroke:var(--dark-0)!important;stroke-width:1px}header [rel=home]:hover{background:var(--action-0)}header{--offset:.5rem;padding:0 var(--offset);display:flex;justify-content:center}header>#theme-switch{position:absolute;left:var(--offset)}header>nav:not(.mobile){position:absolute;right:var(--offset);--gap:0}.toggle.notifications .icon-bell-ringing,.toggle.notifications.has .icon-bell{display:none}.toggle.notifications .icon-bell,.toggle.notifications.has .icon-bell-ringing{display:block}@media (min-width:768px){footer{padding:1rem 2rem}} |