Nudista-Online/pages
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Publii: update content

Browse source
This commit is contained in:
Jan Rippl 2024-09-02 18:30:15 +02:00
parent 9617f44657
commit 8e96ca319c
27 changed files with 231 additions and 201 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
404.html
View file

File diff suppressed because one or more lines are too long

205
assets/css/main.css
View file

@ -36,7 +36,7 @@ textarea {
} }
html { html {
font-size: clamp(1rem, 1rem + 0 * ((100vw - 20rem) / 55), 1rem); font-size: var(--font-size);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth; scroll-behavior: smooth;
@ -47,6 +47,7 @@ body {
color: var(--color-darker); color: var(--color-darker);
font-family: var(--font-body); font-family: var(--font-body);
font-variation-settings: "wght" var(--font-weight-normal); font-variation-settings: "wght" var(--font-weight-normal);
letter-spacing: var(--letter-spacing);
line-height: var(--line-height); line-height: var(--line-height);
-ms-scroll-chaining: none; -ms-scroll-chaining: none;
overscroll-behavior: none; overscroll-behavior: none;
@ -114,44 +115,45 @@ h6 {
color: var(--color-darker); color: var(--color-darker);
font-family: var(--font-heading); font-family: var(--font-heading);
font-variation-settings: "wght" var(--headings-weight); font-variation-settings: "wght" var(--headings-weight);
letter-spacing: var(--letter-spacing); font-style: var(--headings-style);
line-height: 1.3; letter-spacing: var(--headings-letter-spacing);
line-height: var(--headings-line-height);
margin-top: calc(var(--baseline) * 11); margin-top: calc(var(--baseline) * 11);
text-transform: var(--headings-transform); text-transform: var(--headings-transform);
} }
h1:not(.post__entry h1) { h1:not(.content__entry h1) {
margin-top: 0; margin-top: 0;
} }
h1, h1,
.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,
.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,
.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,
.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,
.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,
.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 + *, h1 + *,
@ -559,7 +561,7 @@ textarea {
} }
@media all and (min-width: 56.25em) { @media all and (min-width: 56.25em) {
.content { .container {
display: grid; display: grid;
gap: 0 calc(var(--baseline) * 4); gap: 0 calc(var(--baseline) * 4);
grid-template-columns: 1fr minmax(var(--left-bar-width), -webkit-max-content) minmax(auto, var(--page-width)); 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) { @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), -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-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 ."; grid-template-areas: ". left-bar main right-bar .";
@ -576,12 +578,12 @@ textarea {
} }
} }
@media all and (min-width: 56.25em) { @media all and (min-width: 56.25em) {
.content--nosidebar { .container--nosidebar {
grid-template-areas: ". left-bar main " ". left-bar main"; grid-template-areas: ". left-bar main " ". left-bar main";
} }
} }
@media all and (min-width: 75em) { @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), -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-columns: 1fr minmax(var(--left-bar-width), max-content) minmax(auto, var(--page-width)) 1fr;
grid-template-areas: ". left-bar main ."; grid-template-areas: ". left-bar main .";
@ -725,7 +727,7 @@ textarea {
color: var(--color-darker); color: var(--color-darker);
font: var(--font-weight-bold) 1.2945382732rem var(--font-logo); font: var(--font-weight-bold) 1.2945382732rem var(--font-logo);
font-variation-settings: "wght" 700; font-variation-settings: "wght" 700;
letter-spacing: var(--letter-spacing); letter-spacing: var(--headings-letter-spacing);
text-transform: uppercase; text-transform: uppercase;
} }
.logo > img { .logo > img {
@ -1052,7 +1054,7 @@ textarea {
} }
} }
.hero h1 { .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 { .hero p {
color: var(--color-dark); color: var(--color-dark);
@ -1153,7 +1155,7 @@ textarea {
} }
.c-card__title { .c-card__title {
margin-top: 0; 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 { .c-card__author {
display: inherit; display: inherit;
@ -1178,16 +1180,16 @@ textarea {
} }
} }
.post { .content {
position: relative; position: relative;
} }
.post__featured-image { .content__featured-image {
background: var(--color-lighter); background: var(--color-lighter);
border-radius: var(--border-radius); border-radius: var(--border-radius);
height: var(--featured-image-height); height: var(--featured-image-height);
margin: 0; margin: 0;
} }
.post__featured-image > img { .content__featured-image > img {
border-radius: inherit; border-radius: inherit;
display: block; display: block;
height: 100%; height: 100%;
@ -1195,28 +1197,28 @@ textarea {
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
} }
.post__featured-image > figcaption { .content__featured-image > figcaption {
background: var(--background); background: var(--background);
font-size: 0.7724761953rem; font-size: 0.7724761953rem;
} }
.post__featured-image__caption { .content__featured-image__caption {
align-items: center; align-items: center;
display: flex; display: flex;
gap: 10px; gap: 10px;
} }
.post__featured-image--attop { .content__featured-image--attop {
border-bottom: 1px solid var(--color-light); border-bottom: 1px solid var(--color-light);
border-radius: 0; border-radius: 0;
} }
.post__title { .content__title {
line-height: 1.2; line-height: 1.2;
} }
.post__lead { .content__lead {
color: var(--color-dark); color: var(--color-dark);
letter-spacing: var(--letter-spacing); letter-spacing: var(--headings-letter-spacing);
font-size: clamp(1.3808408252rem, 1.3808408252rem + 0.1902491813 * ((100vw - 20rem) / 55), 1.5710900065rem); font-size: clamp(1.3808408252rem, 1.3808408252rem + 0.1902491813 * (100vw - 20rem) / 55, 1.5710900065rem);
} }
.post__meta { .content__meta {
align-items: center; align-items: center;
color: var(--color-dark); color: var(--color-dark);
display: flex; display: flex;
@ -1227,19 +1229,19 @@ textarea {
margin-bottom: calc(var(--baseline) * 10); margin-bottom: calc(var(--baseline) * 10);
} }
@media all and (min-width: 56.25em) { @media all and (min-width: 56.25em) {
.post__meta { .content__meta {
margin-top: calc(var(--baseline) * -2); margin-top: calc(var(--baseline) * -2);
} }
} }
.post__meta svg { .content__meta svg {
fill: var(--color-dark); fill: var(--color-dark);
} }
@media all and (max-width: 42.6875em) { @media all and (max-width: 42.6875em) {
.post__meta svg { .content__meta svg {
display: none; display: none;
} }
} }
.post__meta--attop { .content__meta--attop {
background-color: var(--background-transparent); background-color: var(--background-transparent);
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
@ -1250,7 +1252,7 @@ textarea {
top: 0; top: 0;
z-index: 1; z-index: 1;
} }
.post__meta--attop__inner { .content__meta--attop__inner {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 0 calc(var(--baseline) * 5); gap: 0 calc(var(--baseline) * 5);
@ -1259,25 +1261,25 @@ textarea {
max-width: var(--entry-width); max-width: var(--entry-width);
width: 100%; width: 100%;
} }
.post__maintag, .post__date { .content__maintag, .content__date {
align-items: center; align-items: center;
display: flex; display: flex;
gap: 10px; gap: 10px;
} }
.post__author { .content__author {
align-items: center; align-items: center;
display: flex; display: flex;
font-size: 0.8789062495rem; font-size: 0.8789062495rem;
gap: 16px; gap: 16px;
} }
.post__author > div { .content__author > div {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
} }
.post__author > div p { .content__author > div p {
margin: 0; margin: 0;
} }
.post__author__avatar { .content__author__avatar {
border-radius: 100px; border-radius: 100px;
display: block; display: block;
height: 3rem; height: 3rem;
@ -1287,9 +1289,58 @@ textarea {
object-position: center; object-position: center;
width: 3rem; width: 3rem;
} }
.post__author__name { .content__author__name {
font-variation-settings: "wght" var(--headings-weight); 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 { .post__image {
display: inline-block; display: inline-block;
} }
@ -1315,23 +1366,6 @@ textarea {
margin-right: auto; margin-right: auto;
text-align: center; 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 { .post__video, .post__iframe {
position: relative; position: relative;
display: block; display: block;
@ -1384,37 +1418,6 @@ textarea {
content: counters(item, ".") ". "; content: counters(item, ".") ". ";
margin-left: -20px; 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 { .page__desc {
margin-top: 0; margin-top: 0;
@ -1468,10 +1471,22 @@ textarea {
.tags-list__title { .tags-list__title {
font-family: var(--font-heading); font-family: var(--font-heading);
font-variation-settings: "wght" var(--headings-weight); font-variation-settings: "wght" var(--headings-weight);
letter-spacing: var(--letter-spacing); letter-spacing: var(--headings-letter-spacing);
line-height: 1.3; 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 { .align-left {
text-align: left; text-align: left;
} }
@ -1518,7 +1533,7 @@ textarea {
line-height: 0.6; line-height: 0.6;
margin-right: calc(var(--baseline) * 2); margin-right: calc(var(--baseline) * 2);
padding: calc(var(--baseline) * 2) calc(var(--baseline) * 2) calc(var(--baseline) * 2) 0; 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 { .pec-wrapper {
@ -1641,7 +1656,7 @@ textarea {
border-top: 1px solid var(--color-lighter); border-top: 1px solid var(--color-lighter);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
letter-spacing: var(--letter-spacing); letter-spacing: var(--headings-letter-spacing);
margin-top: calc(var(--baseline) * 10); margin-top: calc(var(--baseline) * 10);
padding: calc(var(--baseline) * 8) 0 0; padding: calc(var(--baseline) * 8) 0 0;
} }
@ -1776,6 +1791,11 @@ textarea {
.pswp--dark .pswp__bg { .pswp--dark .pswp__bg {
background: var(--black); 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 { .pswp--light .pswp__bg {
background: var(--white); background: var(--white);
} }
@ -1784,4 +1804,9 @@ textarea {
} }
.pswp--light .pswp__caption__center { .pswp--light .pswp__caption__center {
color: var(--color-darker); 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);
} }

2
assets/css/style.css
View file

File diff suppressed because one or more lines are too long

1
assets/js/quicklink.umd.js
View file

@ -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});

90
assets/js/scripts.js
View file

@ -1,36 +1,30 @@
// Menu // Menu
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', () => {
var toggleButton = document.querySelector('.navbar__toggle'); const toggleButton = document.querySelector('.navbar__toggle');
var menu = document.querySelector('.navbar__menu'); const menu = document.querySelector('.navbar__menu');
toggleButton.addEventListener('click', function() { if (toggleButton && menu) {
// Check if the menu has the class is-active toggleButton.addEventListener('click', () => {
var isMenuActive = menu.classList.contains('is-active'); const isMenuActive = menu.classList.contains('is-active');
if (isMenuActive) { menu.classList.toggle('is-active', !isMenuActive);
// If the menu is active, hide it menu.classList.toggle('is-hidden', isMenuActive);
menu.classList.remove('is-active'); toggleButton.classList.toggle('is-active', !isMenuActive);
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
}
// Update the aria-expanded attribute // Update the aria-expanded attribute
toggleButton.setAttribute('aria-expanded', !isMenuActive); toggleButton.setAttribute('aria-expanded', !isMenuActive);
}); });
}
}); });
// Share buttons pop-up // Share buttons pop-up
(function () { (function () {
// share popup // share popup
let shareButton = document.querySelector('.js-post__share-button'); const shareButton = document.querySelector('.js-content__share-button');
let sharePopup = document.querySelector('.js-post__share-popup'); const sharePopup = document.querySelector('.js-content__share-popup');
if (shareButton) { if (shareButton && sharePopup) {
sharePopup.addEventListener('click', function (e) { sharePopup.addEventListener('click', function (e) {
e.stopPropagation(); e.stopPropagation();
}); });
@ -47,40 +41,52 @@ document.addEventListener('DOMContentLoaded', function() {
} }
// link selector and pop-up window size // link selector and pop-up window size
var Config = { const Config = {
Link: ".js-share", Link: ".js-share",
Width: 500, Width: 500,
Height: 500 Height: 500
}; };
// add handler links
var slink = document.querySelectorAll(Config.Link); // add handler to links
for (var a = 0; a < slink.length; a++) { const shareLinks = document.querySelectorAll(Config.Link);
slink[a].onclick = PopupHandler; shareLinks.forEach(link => {
} link.addEventListener('click', PopupHandler);
});
// create popup // create popup
function PopupHandler(e) { function PopupHandler(e) {
e = (e ? e : window.event); e.preventDefault();
var t = (e.target ? e.target : e.srcElement);
const target = e.target.closest(Config.Link);
if (!target) return;
// hide share popup // hide share popup
if (sharePopup) { if (sharePopup) {
sharePopup.classList.remove('is-visible'); sharePopup.classList.remove('is-visible');
} }
// popup position // popup position
var px = Math.floor(((screen.availWidth || 1024) - Config.Width) / 2), const px = Math.floor((window.innerWidth - Config.Width) / 2);
py = Math.floor(((screen.availHeight || 700) - Config.Height) / 2); const py = Math.floor((window.innerHeight - Config.Height) / 2);
// open popup // open popup
var link_href = t.href ? t.href : t.parentNode.href; const linkHref = target.href;
var popup = window.open(link_href, "social", const popup = window.open(linkHref, "social", `
"width=" + Config.Width + ",height=" + Config.Height + width=${Config.Width},
",left=" + px + ",top=" + py + height=${Config.Height},
",location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1"); left=${px},
top=${py},
location=0,
menubar=0,
toolbar=0,
status=0,
scrollbars=1,
resizable=1
`);
if (popup) { if (popup) {
popup.focus(); popup.focus();
if (e.preventDefault) e.preventDefault();
e.returnValue = false;
} }
return !!popup;
} }
})(); })();

2
assets/js/scripts.min.js vendored
View file

@ -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)}}}();

6
autor/jan-rippl-cz/index.html
View file

File diff suppressed because one or more lines are too long

6
autor/jan-rippl-de/index.html
View file

File diff suppressed because one or more lines are too long

6
autor/janrippl-eu/index.html
View file

File diff suppressed because one or more lines are too long

6
fotograf-ka/index.html
View file

File diff suppressed because one or more lines are too long

6
harmonogram/index.html
View file

File diff suppressed because one or more lines are too long

6
index.html
View file

File diff suppressed because one or more lines are too long

6
kalendare/index.html
View file

File diff suppressed because one or more lines are too long

6
kameraman-ka/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/aktivity/index.html → kategorie/akce/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/filmy/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/fotografie/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/inzerce/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/it/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/nahota/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/publikace/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/seznamy/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/technologie/index.html
View file

File diff suppressed because one or more lines are too long

6
kategorie/ufo/index.html
View file

File diff suppressed because one or more lines are too long

6
sluzby/index.html
View file

File diff suppressed because one or more lines are too long

6
socialni-site/index.html
View file

File diff suppressed because one or more lines are too long