2024-03-16 01:56:22 +01:00
<!DOCTYPE html> < html lang = "cs" > < head > < meta charset = "utf-8" > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" > < meta name = "viewport" content = "width=device-width,initial-scale=1" > < title > Kalendáře - NoLogWeb< / title > < meta name = "description" content = "Aktuálně pracuji na synchronizaci webových kalendářů prostřednictvím JS skriptu pod názvem 'Fullcalendar', jenž skýtá mnoho funkcí, jenž jsou pro mne klíčové pro plánování mnou pořádaných akcí..." > < meta name = "generator" content = "Publii Open-Source CMS for Static Site" > < link rel = "canonical" href = "https://jsem.nudista.online/kalendare/" > < link rel = "alternate" type = "application/atom+xml" href = "https://jsem.nudista.online/feed.xml" > < link rel = "alternate" type = "application/json" href = "https://jsem.nudista.online/feed.json" > < meta property = "og:title" content = "Kalendáře" > < meta property = "og:image" content = "https://jsem.nudista.online/media/website/logo.svg" > < meta property = "og:image:width" content = "80" > < meta property = "og:image:height" content = "84" > < meta property = "og:site_name" content = "Jsem · Nudista · Online" > < meta property = "og:description" content = "Aktuálně pracuji na synchronizaci webových kalendářů prostřednictvím JS skriptu pod názvem 'Fullcalendar', jenž skýtá mnoho funkcí, jenž jsou pro mne klíčové pro plánování mnou pořádaných akcí..." > < meta property = "og:url" content = "https://jsem.nudista.online/kalendare/" > < meta property = "og:type" content = "article" > < link rel = "shortcut icon" href = "https://jsem.nudista.online/media/website/favicon.ico" type = "image/x-icon" > < link rel = "preload" href = "https://jsem.nudista.online/assets/dynamic/fonts/publicsans/publicsans.woff2" as = "font" type = "font/woff2" crossorigin > < link rel = "stylesheet" href = "https://jsem.nudista.online/assets/css/style.css?v=452bce5f9525c9a9d13592e60f2e2fa9" > < script type = "application/ld+json" > { "@context" : "http://schema.org" , "@type" : "Article" , "mainEntityOfPage" : { "@type" : "WebPage" , "@id" : "https://jsem.nudista.online/kalendare/" } , "headline" : "Kalendáře" , "datePublished" : "2024-02-23T21:36" , "dateModified" : "2024-03-09T22:16" , "image" : { "@type" : "ImageObject" , "url" : "https://jsem.nudista.online/media/website/logo.svg" , "height" : 84 , "width" : 80 } , "description" : "Aktuálně pracuji na synchronizaci webových kalendářů prostřednictvím JS skriptu pod názvem 'Fullcalendar', jenž skýtá mnoho funkcí, jenž jsou pro mne klíčové pro plánování mnou pořádaných akcí..." , "author" : { "@type" : "Person" , "name" : "CZ 🇨🇿" , "url" : "https://jsem.nudista.online/autor/jan-rippl-cz/" } , "publisher" : { "@type" : "Organization" , "name" : "CZ 🇨🇿" , "logo" : { "@type" : "ImageObject" , "url" : "https://jsem.nudista.online/media/website/logo.svg" , "height" : 84 , "width" : 80 } } } < / script > < noscript > < style > i m g [ l o a d i n g ] {
2024-02-23 21:44:17 +01:00
opacity: 1;
2024-03-06 14:50:45 +01:00
}< / style > < / noscript > < script src = "/kalendar/dist/index.global.js" > < / script > < script src = "/kalendar/packages/list/index.global.js" > < / script > < script src = "/kalendar/packages/core/locales/cs.global.js" > < / script > < script src = "/kalendar/packages/google-calendar/index.global.js" > < / script > < script type = "text/javascript" > d o c u m e n t . a d d E v e n t L i s t e n e r ( ' D O M C o n t e n t L o a d e d ' , f u n c t i o n ( ) {
2024-02-23 21:44:17 +01:00
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
headerToolbar: {
left: 'title',
center: '',
right: ''
},
footerToolbar: {
start: '',
center: '',
end: 'today prevYear,prev,next,nextYear'
},
2024-02-27 00:31:43 +01:00
initialView: 'listDay',
2024-02-23 21:44:17 +01:00
locale: 'cs',
2024-02-27 14:12:02 +01:00
timeZone: 'Europe/Prague',
2024-02-23 21:44:17 +01:00
displayEventTime: true, // don't show the time column in list view
googleCalendarApiKey: 'AIzaSyD0IpA16TFEGbQNqUaD5MNmVm364DpHlqU',
eventSources: [
{
googleCalendarId: 'b4742c190c0f07274f2d3b8d0646db4b8dd98289c8159113bdda029514286bf3@group.calendar.google.com'
},
{
googleCalendarId: 'o8sn1cursjbacb729ulb4c50og@group.calendar.google.com',
className: 'nice-event'
},
{
googleCalendarId: 'uqu50taoqg4gi4jrl7pu7kknfs@group.calendar.google.com',
className: 'nice-event'
},
{
googleCalendarId: 'cs.czech#holiday@group.v.calendar.google.com',
className: 'nice-event'
2024-02-27 14:04:14 +01:00
},
{
googleCalendarId: 'janrippl@gmail.com',
className: 'nice-event'
2024-02-23 21:44:17 +01:00
}
]
});
calendar.render();
2024-03-15 15:12:53 +01:00
});< / script > < link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" > < style > : root { --toc-max-height : auto ; } html { scroll-padding-top : 2 rem ; } . post__toc h3 { align-items : center ; border : none ; cursor : pointer ; display : inline-flex ; gap : .5 em ; margin : 0 ; padding : 0 ; user-select : none ; } . post__toc > ol { margin-left : 0 ; max-height : 0 ; overflow : auto ; opacity : 0 ; transition : opacity 0.3 s ease-out , max-height 0.5 s ease-out ; } . post__toc > ol [ aria-hidden = "false" ] { max-height : var ( - - toc - max - height ) ; opacity : 1 ; transition : opacity 0.3 s ease-in , max-height 0.5 s ease-in ; } . post__toc ol { counter-reset : item ; list-style : none ; } . post__toc li { padding-left : 0 ; padding-bottom : 0 ; } . post__toc ol ol { margin-left : 1.5 rem ; margin-top : 0 ; } . post__toc ol ol li :: before { margin-left : 0 ; } . post__toc a { align-items : stretch ; color : var ( - - toc - link - color , var ( - - link - color ) ) ; display : inline-flex ; flex-wrap : nowrap ; } . post__toc a : hover , . post__toc a : active , . post__toc a : focus { color : var ( - - toc - link - color - hover , var ( - - link - color - hover ) ) ; } . post__toc a :: before { content : counters ( item , "." , decimal ) ". " ; counter-increment : item ; color : var ( - - toc - number - color , var ( - - text - color ) ) ; display : inline-block ; flex-grow : 0 ; flex-shrink : 0 ; margin-right : 0.2 em ; } . post__toc-toggle { background : none ; border : none ; border-radius : 0 ; box-shadow : none ; color : var ( - - toc - toggle - link - color , var ( - - color ) ) ; cursor : pointer ; display : inline ; font-weight : normal ; overflow : visible ; padding : 0 ; text-align : left ; text-decoration : none ; text-transform : none ; vertical-align : baseline ; will-change : unset ; } . post__toc-toggle : hover , . post__toc-toggle : active , . post__toc-toggle : focus { background : inherit ; border : inherit ; box-shadow : inherit ; color : var ( - - toc - toggle - link - color - hover , var ( - - color , inherit ) ) ; text-decoration : none ; transform : inherit ; } . post__toc-toggle :: before { content : "[" ; color : var ( - - toc - toggle - color , var ( - - text - color ) ) ; } . post__toc-toggle :: after { content : "]" ; color : var ( - - toc - toggle - color , var ( - - text - color ) ) ; } < / style > < noscript > < style > . post__toc > ol { max-height : var ( - - toc - max - height ) ; opacity : 1 ; transition : none ; } . post__toc h3 { cursor : default ; } < / style > < / noscript > < style > . fi { fill : none ; stroke-linecap : round ; stroke-linejoin : round ; vertical-align : middle } < / style > < style > : r o o t { - - f l b - c o n t a i n e r - g a p : 0 . 8 r e m ; - - f l b - c o n t a i n e r - d i r e c t i o n : r o w ; - - f l b - b t n - h o v e r - e f f e c t : t r a n s l a t e 3 d ( 0 , - 2 p x , 0 ) ; - - f l b - b t n - g a p : 0 . 4 r e m ; - - f l b - b t n - t r a n s i t i o n : a l l 0 . 2 4 s e a s e - o u t ; - - f l b - b t n - b o r d e r - r a d i u s : 6 p x ; - - f l b - b t n - f o n t - f a m i l y : v a r ( - - b o d y - f o n t ) ; - - f l b - b t n - f o n t - s i z e : 0 . 8 7 5 r e m ; - - f l b - b t n - l i n e - h e i g h t : i n h e r i t ; - - f l b - i c o n - s i z e : 2 4 p x ; - - f l b - l i n k - c o l o r : # 4 0 4 2 5 8 ; - - f l b - l i n k - c o l o r - h o v e r : # E C 1 0 3 7 ; - - f l b - l i n k - i c o n - c o l o r : # 4 0 4 2 5 8 ; - - f l b - l i n k - i c o n - c o l o r - h o v e r : # E C 1 0 3 7 ; } . f l b - c o n t a i n e r { d i s p l a y : i n l i n e - f l e x ; f l e x - d i r e c t i o n : v a r ( - - f l b - c o n t a i n e r - d i r e c t i o n ) ; f l e x - w r a p : w r a p ; g a p : v a r ( - - f l b - c o n t a i n e r - g a p ) ; j u s t i f y - c o n t e n t : c e n t e r ; } a . t l t p t l t p - - t o p { a l l : u n s e t ; a l i g n - i t e m s : c e n t e r ; c o l o r : v a r ( - - f l b - l i n k - c o l o r ) ; c u r s o r : p o i n t e r ; d i s p l a y : i n l i n e - f l e x ; f o n t - f a m i l y : v a r ( - - f l b - b t n - f o n t - f a m i l y ) ; f o n t - s i z e : v a r ( - - f l b - b t n - f o n t - s i z e ) ; g a p : v a r ( - - f l b - b t n - g a p ) ; l i n e - h e i g h t : v a r ( - - f l b - b t n - l i n e - h e i g h t ) ; t r a n s i t i o n : v a r ( - - f l b - b t n - t r a n s i t i o n ) ; t e x t - d e c o d r a t i o n : n o n e ; w i l l - c h a n g e : t r a n s f o r m ; } a . t l t p t l t p - - t o p : h o v e r { c o l o r : v a r ( - - f l b - l i n k - c o l o r - h o v e r ) ; t r a n s f o r m : v a r ( - - f l b - b t n - h o v e r - e f f e c t ) ; } a . t l t p t l t p - - t o p s v g { f i l l : v a r ( - - f l b - l i n k - i c o n - c o l o r ) ; h e i g h t : v a r ( - - f l b - i c o n - s i z e ) ; m a r g i n : u n s e t ; o p a c i t y : u n s e t ; p o i n t e r - e v e n t s : n o n e ; t r a n s i t i o n : v a r ( - - f l b - b t n - t r a n s i t i o n ) ; w i d t h : v a r ( - - f l b - i c o n - s i z e ) ; } a . t l t p t l t p - - t o p : h o v e r s v g { f i l l : v a r ( - - f l b - l i n k - i c o n - c o l o r - h o v e r ) ; } a . t l t p t l t p - - t o p s v g { f i l l : h s l a ( v a r ( - - s - p l a t f o r m - h ) , v a r ( - - s - p l a t f o r m - s ) , v a r ( - - s - p l a t f o r m - l ) , v a r ( - - s - p l a t f o r m - a ) ) ; } a . t l t p t l t p - - t o p : h o v e r s v g { f i l l : h s l a ( v a r ( - - s - p l a t f o r m - h ) , v a r ( - - s - p l a t f o r m - s ) , v a r ( - - s - p l a t f o r m - l ) , v a r ( - - s - p l a t f o r m - a ) ) ; } a . t l t p t l t p - - t o p . p - m a s t o d o n { - - s - p l a t f o r m - h : 2 5 2 ; - - s - p l a t f o r m - s : 5 9 % ; - - s - p l a t f o r m - l : 5 1 % ; - - s - p l a t f o r m - a : 1 ; } a . t l t p t l t p - - t o p . p - t w i t t e r { - - s - p l a t f o r m - h : 0 ; - - s - p l a t f o r m - s : 0 % ; - - s - p l a t f o r m - l : 0 % ; - - s - p l a t f o r m - a : 1 ; } a . t l t p t l t p - - t o p . p - d e v i a n
2024-02-23 21:44:17 +01:00
//var countDownDate = new Date("<?php echo($row['mesic'] . " " . $row['den'] . ", " . $row['rok'] . " " . $row['hodina'] . ":" . $row['minuta'] . ":" . $row['sekunda']); ?> ").getTime();
var countDownDate = new Date("June 9, 2026 00:00:00").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = "< button title = 'Dny' > " + days + "< / button > < button title = 'Hodiny' > " + hours + "< / button > < button title = 'Minuty' > "
+ minutes + "< / button > < button title = 'Vteřiny' > " + seconds + "< / button > ";
// If the count down is finished, write some text
if (distance < 0 ) {
clearInterval(x);
document.getElementById("demo").innerHTML = "< button title = 'Dny' > 00< / button > :< button title = 'Hodiny' > 00< / button > :< button title = 'Minuty' > 00< / button > :< button title = 'Vteřiny' > 00< / button > ";
}
2024-02-28 01:07:47 +01:00
}, 1000);< / script > < / div > < p > < small > Vyprší dne: 26. června 2026< / small > < / p > < / section > < div class = "follow" > < div class = "flb-container" > < a href = "https://witter.cz/@janrippl" target = "_blank" class = "tltp tltp--top p-mastodon" > < svg width = "24" height = "24" aria-hidden = "false" > < use xlink:href = "https://jsem.nudista.online/media/plugins/followButtons/svg-map.svg#mastodon" / > < / svg > < / a > < a href = "https://twitter.com/JanRippl" target = "_blank" class = "tltp tltp--top p-twitter" > < svg width = "24" height = "24" aria-hidden = "false" > < use xlink:href = "https://jsem.nudista.online/media/plugins/followButtons/svg-map.svg#twitter" / > < / svg > < / a > < a href = "https://www.deviantart.com/janrippl" target = "_blank" class = "tltp tltp--top p-deviantart" > < svg width = "24" height = "24" aria-hidden = "false" > < use xlink:href = "https://jsem.nudista.online/media/plugins/followButtons/svg-map.svg#deviantart" / > < / svg > < / a > < / div > < / div > < / div > < / div > < / div > < / div > < script defer = "defer" src = "https://jsem.nudista.online/assets/js/scripts.min.js?v=12d8fcd46db8fdc7af6797ec26849875" > < / script > < script > v a r i m a g e s = d o c u m e n t . q u e r y S e l e c t o r A l l ( ' i m g [ l o a d i n g ] ' ) ;
2024-02-23 21:44:17 +01:00
for (var i = 0; i < images.length ; i + + ) {
if (images[i].complete) {
images[i].classList.add('is-loaded');
} else {
images[i].addEventListener('load', function () {
this.classList.add('is-loaded');
}, false);
}
2024-02-27 23:43:12 +01:00
}< / script > < script > ( f u n c t i o n ( ) {
let collapsibleTOCItems = document.querySelectorAll(".post__toc h3");
collapsibleTOCItems.forEach(function(item, index) {
let subList = item.nextElementSibling;
let parentItem = item.parentElement;
let toggleButton;
if (subList & & subList.tagName === "OL") {
let defaultState = 'false';
parentItem.setAttribute('aria-expanded', defaultState);
subList.setAttribute('aria-hidden', defaultState === 'true' ? 'false' : 'true');
item.setAttribute('id', 'sublist-' + index);
item.setAttribute('tabindex', '0');
const toggleElement = "both";
if (toggleElement === "header" || toggleElement === "both") {
item.addEventListener('click', function(event) {
event.preventDefault();
toggleSubList(this, toggleButton);
});
item.addEventListener('keydown', function(event) {
if (event.key === 'Enter' || event.key === ' ') {
event.preventDefault();
toggleSubList(this, toggleButton);
}
});
}
if (toggleElement === "button" || toggleElement === "both") {
toggleButton = item.querySelector('.post__toc-toggle');
2024-02-29 16:31:19 +01:00
toggleButton.textContent = defaultState === 'true' ? 'sbalit' : 'rozbalit';
2024-02-27 23:43:12 +01:00
toggleButton.addEventListener('click', function(event) {
event.stopPropagation();
event.preventDefault();
toggleSubList(item, toggleButton);
});
}
}
});
function toggleSubList(element, button) {
let parentItem = element.parentElement;
let subList = parentItem.querySelector('ol');
if (subList) {
if (parentItem.getAttribute('aria-expanded') === 'true') {
parentItem.setAttribute('aria-expanded', 'false');
subList.setAttribute('aria-hidden', 'true');
} else {
parentItem.setAttribute('aria-expanded', 'true');
subList.setAttribute('aria-hidden', 'false');
}
}
if (button) {
2024-02-29 16:31:19 +01:00
button.textContent = parentItem.getAttribute('aria-expanded') === 'true' ? 'sbalit' : 'rozbalit';
2024-02-27 23:43:12 +01:00
}
}
})();< / script > < / body > < / html >