Publii: update content
This commit is contained in:
parent
9617f44657
commit
8e96ca319c
27 changed files with 231 additions and 201 deletions
6
404.html
6
404.html
File diff suppressed because one or more lines are too long
|
|
@ -36,7 +36,7 @@ textarea {
|
|||
}
|
||||
|
||||
html {
|
||||
font-size: clamp(1rem, 1rem + 0 * ((100vw - 20rem) / 55), 1rem);
|
||||
font-size: var(--font-size);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
scroll-behavior: smooth;
|
||||
|
|
@ -47,6 +47,7 @@ body {
|
|||
color: var(--color-darker);
|
||||
font-family: var(--font-body);
|
||||
font-variation-settings: "wght" var(--font-weight-normal);
|
||||
letter-spacing: var(--letter-spacing);
|
||||
line-height: var(--line-height);
|
||||
-ms-scroll-chaining: none;
|
||||
overscroll-behavior: none;
|
||||
|
|
@ -114,44 +115,45 @@ h6 {
|
|||
color: var(--color-darker);
|
||||
font-family: var(--font-heading);
|
||||
font-variation-settings: "wght" var(--headings-weight);
|
||||
letter-spacing: var(--letter-spacing);
|
||||
line-height: 1.3;
|
||||
font-style: var(--headings-style);
|
||||
letter-spacing: var(--headings-letter-spacing);
|
||||
line-height: var(--headings-line-height);
|
||||
margin-top: calc(var(--baseline) * 11);
|
||||
text-transform: var(--headings-transform);
|
||||
}
|
||||
|
||||
h1:not(.post__entry h1) {
|
||||
h1:not(.content__entry h1) {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
.h1 {
|
||||
font-size: clamp(1.4728968807rem, 1.4728968807rem + 0.8411566892 * ((100vw - 20rem) / 55), 2.3140535699rem);
|
||||
font-size: clamp(1.4728968807rem, 1.4728968807rem + 0.8411566892 * (100vw - 20rem) / 55, 2.3140535699rem);
|
||||
}
|
||||
|
||||
h2,
|
||||
.h2 {
|
||||
font-size: clamp(1.3808408252rem, 1.3808408252rem + 0.5258805593 * ((100vw - 20rem) / 55), 1.9067213845rem);
|
||||
font-size: clamp(1.3808408252rem, 1.3808408252rem + 0.5258805593 * (100vw - 20rem) / 55, 1.9067213845rem);
|
||||
}
|
||||
|
||||
h3,
|
||||
.h3 {
|
||||
font-size: clamp(1.2945382732rem, 1.2945382732rem + 0.3812910676 * ((100vw - 20rem) / 55), 1.6758293408rem);
|
||||
font-size: clamp(1.2945382732rem, 1.2945382732rem + 0.3812910676 * (100vw - 20rem) / 55, 1.6758293408rem);
|
||||
}
|
||||
|
||||
h4,
|
||||
.h4 {
|
||||
font-size: clamp(1.2136296308rem, 1.2136296308rem + 0.2592672499 * ((100vw - 20rem) / 55), 1.4728968807rem);
|
||||
font-size: clamp(1.2136296308rem, 1.2136296308rem + 0.2592672499 * (100vw - 20rem) / 55, 1.4728968807rem);
|
||||
}
|
||||
|
||||
h5,
|
||||
.h5 {
|
||||
font-size: clamp(1.1377777785rem, 1.1377777785rem + 0.1567604947 * ((100vw - 20rem) / 55), 1.2945382732rem);
|
||||
font-size: clamp(1.1377777785rem, 1.1377777785rem + 0.1567604947 * (100vw - 20rem) / 55, 1.2945382732rem);
|
||||
}
|
||||
|
||||
h6,
|
||||
.h6 {
|
||||
font-size: clamp(1rem, 1rem + 0.1377777785 * ((100vw - 20rem) / 55), 1.1377777785rem);
|
||||
font-size: clamp(1rem, 1rem + 0.1377777785 * (100vw - 20rem) / 55, 1.1377777785rem);
|
||||
}
|
||||
|
||||
h1 + *,
|
||||
|
|
@ -559,7 +561,7 @@ textarea {
|
|||
}
|
||||
|
||||
@media all and (min-width: 56.25em) {
|
||||
.content {
|
||||
.container {
|
||||
display: grid;
|
||||
gap: 0 calc(var(--baseline) * 4);
|
||||
grid-template-columns: 1fr minmax(var(--left-bar-width), -webkit-max-content) minmax(auto, var(--page-width));
|
||||
|
|
@ -568,7 +570,7 @@ textarea {
|
|||
}
|
||||
}
|
||||
@media all and (min-width: 75em) {
|
||||
.content {
|
||||
.container {
|
||||
grid-template-columns: 1fr minmax(var(--left-bar-width), -webkit-max-content) minmax(auto, var(--page-width)) var(--right-bar-width) 1fr;
|
||||
grid-template-columns: 1fr minmax(var(--left-bar-width), max-content) minmax(auto, var(--page-width)) var(--right-bar-width) 1fr;
|
||||
grid-template-areas: ". left-bar main right-bar .";
|
||||
|
|
@ -576,12 +578,12 @@ textarea {
|
|||
}
|
||||
}
|
||||
@media all and (min-width: 56.25em) {
|
||||
.content--nosidebar {
|
||||
.container--nosidebar {
|
||||
grid-template-areas: ". left-bar main " ". left-bar main";
|
||||
}
|
||||
}
|
||||
@media all and (min-width: 75em) {
|
||||
.content--nosidebar {
|
||||
.container--nosidebar {
|
||||
grid-template-columns: 1fr minmax(var(--left-bar-width), -webkit-max-content) minmax(auto, var(--page-width)) 1fr;
|
||||
grid-template-columns: 1fr minmax(var(--left-bar-width), max-content) minmax(auto, var(--page-width)) 1fr;
|
||||
grid-template-areas: ". left-bar main .";
|
||||
|
|
@ -725,7 +727,7 @@ textarea {
|
|||
color: var(--color-darker);
|
||||
font: var(--font-weight-bold) 1.2945382732rem var(--font-logo);
|
||||
font-variation-settings: "wght" 700;
|
||||
letter-spacing: var(--letter-spacing);
|
||||
letter-spacing: var(--headings-letter-spacing);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.logo > img {
|
||||
|
|
@ -1052,7 +1054,7 @@ textarea {
|
|||
}
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: clamp(1.1377777785rem, 1.1377777785rem + 0.1567604947 * ((100vw - 20rem) / 55), 1.2945382732rem);
|
||||
font-size: clamp(1.1377777785rem, 1.1377777785rem + 0.1567604947 * (100vw - 20rem) / 55, 1.2945382732rem);
|
||||
}
|
||||
.hero p {
|
||||
color: var(--color-dark);
|
||||
|
|
@ -1153,7 +1155,7 @@ textarea {
|
|||
}
|
||||
.c-card__title {
|
||||
margin-top: 0;
|
||||
font-size: clamp(1rem, 1rem + 0.2136296308 * ((100vw - 20rem) / 55), 1.2136296308rem);
|
||||
font-size: clamp(1rem, 1rem + 0.2136296308 * (100vw - 20rem) / 55, 1.2136296308rem);
|
||||
}
|
||||
.c-card__author {
|
||||
display: inherit;
|
||||
|
|
@ -1178,16 +1180,16 @@ textarea {
|
|||
}
|
||||
}
|
||||
|
||||
.post {
|
||||
.content {
|
||||
position: relative;
|
||||
}
|
||||
.post__featured-image {
|
||||
.content__featured-image {
|
||||
background: var(--color-lighter);
|
||||
border-radius: var(--border-radius);
|
||||
height: var(--featured-image-height);
|
||||
margin: 0;
|
||||
}
|
||||
.post__featured-image > img {
|
||||
.content__featured-image > img {
|
||||
border-radius: inherit;
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
|
@ -1195,28 +1197,28 @@ textarea {
|
|||
object-fit: cover;
|
||||
width: 100%;
|
||||
}
|
||||
.post__featured-image > figcaption {
|
||||
.content__featured-image > figcaption {
|
||||
background: var(--background);
|
||||
font-size: 0.7724761953rem;
|
||||
}
|
||||
.post__featured-image__caption {
|
||||
.content__featured-image__caption {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.post__featured-image--attop {
|
||||
.content__featured-image--attop {
|
||||
border-bottom: 1px solid var(--color-light);
|
||||
border-radius: 0;
|
||||
}
|
||||
.post__title {
|
||||
.content__title {
|
||||
line-height: 1.2;
|
||||
}
|
||||
.post__lead {
|
||||
.content__lead {
|
||||
color: var(--color-dark);
|
||||
letter-spacing: var(--letter-spacing);
|
||||
font-size: clamp(1.3808408252rem, 1.3808408252rem + 0.1902491813 * ((100vw - 20rem) / 55), 1.5710900065rem);
|
||||
letter-spacing: var(--headings-letter-spacing);
|
||||
font-size: clamp(1.3808408252rem, 1.3808408252rem + 0.1902491813 * (100vw - 20rem) / 55, 1.5710900065rem);
|
||||
}
|
||||
.post__meta {
|
||||
.content__meta {
|
||||
align-items: center;
|
||||
color: var(--color-dark);
|
||||
display: flex;
|
||||
|
|
@ -1227,19 +1229,19 @@ textarea {
|
|||
margin-bottom: calc(var(--baseline) * 10);
|
||||
}
|
||||
@media all and (min-width: 56.25em) {
|
||||
.post__meta {
|
||||
.content__meta {
|
||||
margin-top: calc(var(--baseline) * -2);
|
||||
}
|
||||
}
|
||||
.post__meta svg {
|
||||
.content__meta svg {
|
||||
fill: var(--color-dark);
|
||||
}
|
||||
@media all and (max-width: 42.6875em) {
|
||||
.post__meta svg {
|
||||
.content__meta svg {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.post__meta--attop {
|
||||
.content__meta--attop {
|
||||
background-color: var(--background-transparent);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
backdrop-filter: blur(10px);
|
||||
|
|
@ -1250,7 +1252,7 @@ textarea {
|
|||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.post__meta--attop__inner {
|
||||
.content__meta--attop__inner {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0 calc(var(--baseline) * 5);
|
||||
|
|
@ -1259,25 +1261,25 @@ textarea {
|
|||
max-width: var(--entry-width);
|
||||
width: 100%;
|
||||
}
|
||||
.post__maintag, .post__date {
|
||||
.content__maintag, .content__date {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
}
|
||||
.post__author {
|
||||
.content__author {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
font-size: 0.8789062495rem;
|
||||
gap: 16px;
|
||||
}
|
||||
.post__author > div {
|
||||
.content__author > div {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
.post__author > div p {
|
||||
.content__author > div p {
|
||||
margin: 0;
|
||||
}
|
||||
.post__author__avatar {
|
||||
.content__author__avatar {
|
||||
border-radius: 100px;
|
||||
display: block;
|
||||
height: 3rem;
|
||||
|
|
@ -1287,9 +1289,58 @@ textarea {
|
|||
object-position: center;
|
||||
width: 3rem;
|
||||
}
|
||||
.post__author__name {
|
||||
.content__author__name {
|
||||
font-variation-settings: "wght" var(--headings-weight);
|
||||
}
|
||||
.content__entry {
|
||||
font-family: var(--font-entry);
|
||||
margin: calc(var(--baseline) * 9) auto;
|
||||
margin-bottom: 0;
|
||||
font-size: clamp(1.066666667rem, 1.066666667rem + 0.1469629638 * (100vw - 20rem) / 55, 1.2136296308rem);
|
||||
}
|
||||
.content__entry > :nth-child(1) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.content__entry a:not(.btn):not([type=button]):not([type=submit]):not(button) {
|
||||
color: var(--accent-medium);
|
||||
}
|
||||
.content__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):hover {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration-skip: ink;
|
||||
text-decoration-skip-ink: auto;
|
||||
}
|
||||
.content__footer {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: calc(var(--baseline) * 5);
|
||||
justify-content: space-between;
|
||||
margin-top: calc(var(--baseline) * 16);
|
||||
}
|
||||
@media all and (max-width: 42.6875em) {
|
||||
.content__footer {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.content__last-updated {
|
||||
color: var(--color-dark);
|
||||
font-size: 0.8789062495rem;
|
||||
}
|
||||
.content__share > a {
|
||||
display: inline-flex;
|
||||
}
|
||||
.content__section {
|
||||
border-top: 1px solid var(--color-light);
|
||||
margin-top: calc(var(--baseline) * 9);
|
||||
}
|
||||
.content__section__title {
|
||||
margin: 0 0 calc(var(--baseline) * 9);
|
||||
font-size: clamp(1rem, 1rem + 0.1377777785 * (100vw - 20rem) / 55, 1.1377777785rem);
|
||||
}
|
||||
.content--attop .content__entry:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.post__image {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -1315,23 +1366,6 @@ textarea {
|
|||
margin-right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.post__entry {
|
||||
font-family: var(--font-entry);
|
||||
margin: calc(var(--baseline) * 9) auto;
|
||||
margin-bottom: 0;
|
||||
font-size: clamp(1.066666667rem, 1.066666667rem + 0.1469629638 * ((100vw - 20rem) / 55), 1.2136296308rem);
|
||||
}
|
||||
.post__entry > :nth-child(1) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button) {
|
||||
color: var(--accent-medium);
|
||||
}
|
||||
.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):hover {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration-skip: ink;
|
||||
text-decoration-skip-ink: auto;
|
||||
}
|
||||
.post__video, .post__iframe {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
|
@ -1384,37 +1418,6 @@ textarea {
|
|||
content: counters(item, ".") ". ";
|
||||
margin-left: -20px;
|
||||
}
|
||||
.post__footer {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: calc(var(--baseline) * 5);
|
||||
justify-content: space-between;
|
||||
margin-top: calc(var(--baseline) * 16);
|
||||
}
|
||||
@media all and (max-width: 42.6875em) {
|
||||
.post__footer {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.post__last-updated {
|
||||
color: var(--color-dark);
|
||||
font-size: 0.8789062495rem;
|
||||
}
|
||||
.post__share > a {
|
||||
display: inline-flex;
|
||||
}
|
||||
.post__section {
|
||||
border-top: 1px solid var(--color-light);
|
||||
margin-top: calc(var(--baseline) * 9);
|
||||
}
|
||||
.post__section__title {
|
||||
margin: 0 0 calc(var(--baseline) * 9);
|
||||
font-size: clamp(1rem, 1rem + 0.1377777785 * ((100vw - 20rem) / 55), 1.1377777785rem);
|
||||
}
|
||||
.post--attop .post__entry:first-of-type {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.page__desc {
|
||||
margin-top: 0;
|
||||
|
|
@ -1468,10 +1471,22 @@ textarea {
|
|||
.tags-list__title {
|
||||
font-family: var(--font-heading);
|
||||
font-variation-settings: "wght" var(--headings-weight);
|
||||
letter-spacing: var(--letter-spacing);
|
||||
letter-spacing: var(--headings-letter-spacing);
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.subpages__list {
|
||||
list-style: initial;
|
||||
margin-left: 2ch;
|
||||
}
|
||||
.subpages__list ul {
|
||||
list-style: initial;
|
||||
margin: 0 0 0 2ch;
|
||||
}
|
||||
.subpages__list li {
|
||||
padding: 0 0 0 1ch;
|
||||
}
|
||||
|
||||
.align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
|
@ -1518,7 +1533,7 @@ textarea {
|
|||
line-height: 0.6;
|
||||
margin-right: calc(var(--baseline) * 2);
|
||||
padding: calc(var(--baseline) * 2) calc(var(--baseline) * 2) calc(var(--baseline) * 2) 0;
|
||||
font-size: clamp(2.8084039796rem, 2.8084039796rem + 1.8980018104 * ((100vw - 20rem) / 55), 4.70640579rem);
|
||||
font-size: clamp(2.8084039796rem, 2.8084039796rem + 1.8980018104 * (100vw - 20rem) / 55, 4.70640579rem);
|
||||
}
|
||||
|
||||
.pec-wrapper {
|
||||
|
|
@ -1641,7 +1656,7 @@ textarea {
|
|||
border-top: 1px solid var(--color-lighter);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
letter-spacing: var(--letter-spacing);
|
||||
letter-spacing: var(--headings-letter-spacing);
|
||||
margin-top: calc(var(--baseline) * 10);
|
||||
padding: calc(var(--baseline) * 8) 0 0;
|
||||
}
|
||||
|
|
@ -1776,6 +1791,11 @@ textarea {
|
|||
.pswp--dark .pswp__bg {
|
||||
background: var(--black);
|
||||
}
|
||||
.pswp--dark .pswp__button,
|
||||
.pswp--dark .pswp__button--arrow--left:before,
|
||||
.pswp--dark .pswp__button--arrow--right:before {
|
||||
background-image: url(../svg/gallery-icons-light.svg);
|
||||
}
|
||||
.pswp--light .pswp__bg {
|
||||
background: var(--white);
|
||||
}
|
||||
|
|
@ -1784,4 +1804,9 @@ textarea {
|
|||
}
|
||||
.pswp--light .pswp__caption__center {
|
||||
color: var(--color-darker);
|
||||
}
|
||||
.pswp--light .pswp__button,
|
||||
.pswp--light .pswp__button--arrow--left:before,
|
||||
.pswp--light .pswp__button--arrow--right:before {
|
||||
background-image: url(../svg/gallery-icons-dark.svg);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
|||
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.quicklink={})}(this,function(e){function n(e){return new Promise(function(n,r,t){(t=new XMLHttpRequest).open("GET",e,t.withCredentials=!0),t.onload=function(){200===t.status?n():r()},t.send()})}var r,t=(r=document.createElement("link")).relList&&r.relList.supports&&r.relList.supports("prefetch")?function(e){return new Promise(function(n,r,t){(t=document.createElement("link")).rel="prefetch",t.href=e,t.onload=n,t.onerror=r,document.head.appendChild(t)})}:n,o=window.requestIdleCallback||function(e){var n=Date.now();return setTimeout(function(){e({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-n))}})},1)},i=new Set,c=new Set,u=!1;function a(e){if(e){if(e.saveData)return new Error("Save-Data is enabled");if(/2g/.test(e.effectiveType))return new Error("network conditions are poor")}return!0}function s(e,r,o){var s=a(navigator.connection);return s instanceof Error?Promise.reject(new Error("Cannot prefetch, "+s.message)):(c.size>0&&!u&&console.warn("[Warning] You are using both prefetching and prerendering on the same document"),Promise.all([].concat(e).map(function(e){if(!i.has(e))return i.add(e),(r?function(e){return window.fetch?fetch(e,{credentials:"include"}):n(e)}:t)(new URL(e,location.href).toString())})))}function f(e,n){var r=a(navigator.connection);if(r instanceof Error)return Promise.reject(new Error("Cannot prerender, "+r.message));if(!HTMLScriptElement.supports("speculationrules"))return s(e),Promise.reject(new Error("This browser does not support the speculation rules API. Falling back to prefetch."));if(document.querySelector('script[type="speculationrules"]'))return Promise.reject(new Error("Speculation Rules is already defined and cannot be altered."));for(var t=0,o=[].concat(e);t<o.length;t+=1){var f=o[t];if(window.location.origin!==new URL(f,window.location.href).origin)return Promise.reject(new Error("Only same origin URLs are allowed: "+f));c.add(f)}i.size>0&&!u&&console.warn("[Warning] You are using both prefetching and prerendering on the same document");var l=function(e){var n=document.createElement("script");n.type="speculationrules",n.text='{"prerender":[{"source": "list","urls": ["'+Array.from(e).join('","')+'"]}]}';try{document.head.appendChild(n)}catch(e){return e}return!0}(c);return!0===l?Promise.resolve():Promise.reject(l)}e.listen=function(e){if(e||(e={}),window.IntersectionObserver){var n=function(e){e=e||1;var n=[],r=0;function t(){r<e&&n.length>0&&(n.shift()(),r++)}return[function(e){n.push(e)>1||t()},function(){r--,t()}]}(e.throttle||1/0),r=n[0],t=n[1],a=e.limit||1/0,l=e.origins||[location.hostname],d=e.ignores||[],h=e.delay||0,p=[],m=e.timeoutFn||o,w="function"==typeof e.hrefFn&&e.hrefFn,g=e.prerender||!1;u=e.prerenderAndPrefetch||!1;var v=new IntersectionObserver(function(n){n.forEach(function(n){if(n.isIntersecting)p.push((n=n.target).href),function(e,n){n?setTimeout(e,n):e()}(function(){-1!==p.indexOf(n.href)&&(v.unobserve(n),(u||g)&&c.size<1?f(w?w(n):n.href).catch(function(n){if(!e.onError)throw n;e.onError(n)}):i.size<a&&!g&&r(function(){s(w?w(n):n.href,e.priority).then(t).catch(function(n){t(),e.onError&&e.onError(n)})}))},h);else{var o=p.indexOf((n=n.target).href);o>-1&&p.splice(o)}})},{threshold:e.threshold||0});return m(function(){(e.el||document).querySelectorAll("a").forEach(function(e){l.length&&!l.includes(e.hostname)||function e(n,r){return Array.isArray(r)?r.some(function(r){return e(n,r)}):(r.test||r).call(r,n.href,n)}(e,d)||v.observe(e)})},{timeout:e.timeout||2e3}),function(){i.clear(),v.disconnect()}}},e.prefetch=s,e.prerender=f});
|
||||
|
|
@ -1,36 +1,30 @@
|
|||
// Menu
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var toggleButton = document.querySelector('.navbar__toggle');
|
||||
var menu = document.querySelector('.navbar__menu');
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const toggleButton = document.querySelector('.navbar__toggle');
|
||||
const menu = document.querySelector('.navbar__menu');
|
||||
|
||||
toggleButton.addEventListener('click', function() {
|
||||
// Check if the menu has the class is-active
|
||||
var isMenuActive = menu.classList.contains('is-active');
|
||||
if (toggleButton && menu) {
|
||||
toggleButton.addEventListener('click', () => {
|
||||
const isMenuActive = menu.classList.contains('is-active');
|
||||
|
||||
if (isMenuActive) {
|
||||
// If the menu is active, hide it
|
||||
menu.classList.remove('is-active');
|
||||
menu.classList.add('is-hidden');
|
||||
toggleButton.classList.remove('is-active'); // Remove the active class from the button
|
||||
} else {
|
||||
// If the menu is hidden, show it
|
||||
menu.classList.add('is-active');
|
||||
menu.classList.remove('is-hidden');
|
||||
toggleButton.classList.add('is-active'); // Add the active class to the button
|
||||
}
|
||||
menu.classList.toggle('is-active', !isMenuActive);
|
||||
menu.classList.toggle('is-hidden', isMenuActive);
|
||||
toggleButton.classList.toggle('is-active', !isMenuActive);
|
||||
|
||||
// Update the aria-expanded attribute
|
||||
toggleButton.setAttribute('aria-expanded', !isMenuActive);
|
||||
});
|
||||
// Update the aria-expanded attribute
|
||||
toggleButton.setAttribute('aria-expanded', !isMenuActive);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Share buttons pop-up
|
||||
(function () {
|
||||
// share popup
|
||||
let shareButton = document.querySelector('.js-post__share-button');
|
||||
let sharePopup = document.querySelector('.js-post__share-popup');
|
||||
const shareButton = document.querySelector('.js-content__share-button');
|
||||
const sharePopup = document.querySelector('.js-content__share-popup');
|
||||
|
||||
if (shareButton) {
|
||||
if (shareButton && sharePopup) {
|
||||
sharePopup.addEventListener('click', function (e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
|
@ -47,40 +41,52 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
}
|
||||
|
||||
// link selector and pop-up window size
|
||||
var Config = {
|
||||
const Config = {
|
||||
Link: ".js-share",
|
||||
Width: 500,
|
||||
Height: 500
|
||||
};
|
||||
// add handler links
|
||||
var slink = document.querySelectorAll(Config.Link);
|
||||
for (var a = 0; a < slink.length; a++) {
|
||||
slink[a].onclick = PopupHandler;
|
||||
}
|
||||
|
||||
// add handler to links
|
||||
const shareLinks = document.querySelectorAll(Config.Link);
|
||||
shareLinks.forEach(link => {
|
||||
link.addEventListener('click', PopupHandler);
|
||||
});
|
||||
|
||||
// create popup
|
||||
function PopupHandler(e) {
|
||||
e = (e ? e : window.event);
|
||||
var t = (e.target ? e.target : e.srcElement);
|
||||
e.preventDefault();
|
||||
|
||||
const target = e.target.closest(Config.Link);
|
||||
if (!target) return;
|
||||
|
||||
// hide share popup
|
||||
if (sharePopup) {
|
||||
sharePopup.classList.remove('is-visible');
|
||||
}
|
||||
|
||||
// popup position
|
||||
var px = Math.floor(((screen.availWidth || 1024) - Config.Width) / 2),
|
||||
py = Math.floor(((screen.availHeight || 700) - Config.Height) / 2);
|
||||
const px = Math.floor((window.innerWidth - Config.Width) / 2);
|
||||
const py = Math.floor((window.innerHeight - Config.Height) / 2);
|
||||
|
||||
// open popup
|
||||
var link_href = t.href ? t.href : t.parentNode.href;
|
||||
var popup = window.open(link_href, "social",
|
||||
"width=" + Config.Width + ",height=" + Config.Height +
|
||||
",left=" + px + ",top=" + py +
|
||||
",location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1");
|
||||
const linkHref = target.href;
|
||||
const popup = window.open(linkHref, "social", `
|
||||
width=${Config.Width},
|
||||
height=${Config.Height},
|
||||
left=${px},
|
||||
top=${py},
|
||||
location=0,
|
||||
menubar=0,
|
||||
toolbar=0,
|
||||
status=0,
|
||||
scrollbars=1,
|
||||
resizable=1
|
||||
`);
|
||||
|
||||
if (popup) {
|
||||
popup.focus();
|
||||
if (e.preventDefault) e.preventDefault();
|
||||
e.returnValue = false;
|
||||
}
|
||||
|
||||
return !!popup;
|
||||
}
|
||||
})();
|
||||
|
||||
|
|
|
|||
2
assets/js/scripts.min.js
vendored
2
assets/js/scripts.min.js
vendored
|
|
@ -1 +1 @@
|
|||
document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector(".navbar__toggle"),t=document.querySelector(".navbar__menu");e.addEventListener("click",function(){var i=t.classList.contains("is-active");i?(t.classList.remove("is-active"),t.classList.add("is-hidden"),e.classList.remove("is-active")):(t.classList.add("is-active"),t.classList.remove("is-hidden"),e.classList.add("is-active")),e.setAttribute("aria-expanded",!i)})}),function(){let e=document.querySelector(".js-post__share-button"),t=document.querySelector(".js-post__share-popup");e&&(t.addEventListener("click",function(e){e.stopPropagation()}),e.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),t.classList.toggle("is-visible")}),document.body.addEventListener("click",function(){t.classList.remove("is-visible")}));for(var i={Link:".js-share",Width:500,Height:500},s=document.querySelectorAll(i.Link),a=0;a<s.length;a++)s[a].onclick=r;function r(e){var s=(e=e||window.event).target?e.target:e.srcElement;t&&t.classList.remove("is-visible");var a=Math.floor(((screen.availWidth||1024)-i.Width)/2),r=Math.floor(((screen.availHeight||700)-i.Height)/2),n=s.href?s.href:s.parentNode.href,o=window.open(n,"social","width="+i.Width+",height="+i.Height+",left="+a+",top="+r+",location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1");return o&&(o.focus(),e.preventDefault&&e.preventDefault(),e.returnValue=!1),!!o}}(),function(){let e=document.querySelectorAll(".post__video, .post__iframe");for(let t=0;t<e.length;t++){let i=e[t].querySelector("iframe, embed, video, object");if(!i||"false"===i.getAttribute("data-responsive"))continue;let s=i.getAttribute("width"),a=i.getAttribute("height"),r=!1;if(s&&a&&(s.indexOf("%")>-1&&a.indexOf("%")>-1?(s=parseFloat(s.replace("%","")),r=(a=parseFloat(a.replace("%","")))/s):-1===s.indexOf("%")&&-1===a.indexOf("%")&&(s=parseInt(s,10),r=(a=parseInt(a,10))/s),!1!==r)){let n=100*r+"%";e[t].setAttribute("style","--embed-aspect-ratio:"+n)}}}();
|
||||
document.addEventListener("DOMContentLoaded",(()=>{const t=document.querySelector(".navbar__toggle"),e=document.querySelector(".navbar__menu");t&&e&&t.addEventListener("click",(()=>{const n=e.classList.contains("is-active");e.classList.toggle("is-active",!n),e.classList.toggle("is-hidden",n),t.classList.toggle("is-active",!n),t.setAttribute("aria-expanded",!n)}))})),function(){const t=document.querySelector(".js-content__share-button"),e=document.querySelector(".js-content__share-popup");t&&e&&(e.addEventListener("click",(function(t){t.stopPropagation()})),t.addEventListener("click",(function(t){t.preventDefault(),t.stopPropagation(),e.classList.toggle("is-visible")})),document.body.addEventListener("click",(function(){e.classList.remove("is-visible")})));const n=".js-share",i=500,o=500;function s(t){t.preventDefault();const s=t.target.closest(n);if(!s)return;e&&e.classList.remove("is-visible");const c=Math.floor((window.innerWidth-i)/2),r=Math.floor((window.innerHeight-o)/2),a=s.href,l=window.open(a,"social",`\n\t\t\t width=${i},\n\t\t\t height=${o},\n\t\t\t left=${c},\n\t\t\t top=${r},\n\t\t\t location=0,\n\t\t\t menubar=0,\n\t\t\t toolbar=0,\n\t\t\t status=0,\n\t\t\t scrollbars=1,\n\t\t\t resizable=1\n\t\t `);l&&l.focus()}document.querySelectorAll(n).forEach((t=>{t.addEventListener("click",s)}))}(),function(){let t=document.querySelectorAll(".post__video, .post__iframe");for(let e=0;e<t.length;e++){let n=t[e].querySelector("iframe, embed, video, object");if(!n)continue;if("false"===n.getAttribute("data-responsive"))continue;let i=n.getAttribute("width"),o=n.getAttribute("height"),s=!1;if(i&&o&&(i.indexOf("%")>-1&&o.indexOf("%")>-1?(i=parseFloat(i.replace("%","")),o=parseFloat(o.replace("%","")),s=o/i):-1===i.indexOf("%")&&-1===o.indexOf("%")&&(i=parseInt(i,10),o=parseInt(o,10),s=o/i),!1!==s)){let n=100*s+"%";t[e].setAttribute("style","--embed-aspect-ratio:"+n)}}}();
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue