calvin.erfmann/ak2021-Jahrbuch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

countdown corrected

Browse Source
This commit is contained in:
calboo
2026-01-15 14:09:08 +01:00
parent 4f570524c5
commit 4df9996bf2
2 changed files with 89 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
waybackmachine/index.html
View File

@@ -6,11 +6,7 @@
<script type="text/javascript" src="./Ak21 – Jahrbuch der JHS_files/wombat.js" charset="utf-8"></script>
<script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden","showSwfDownload":true};</script>
<script type="text/javascript" src="./Ak21 – Jahrbuch der JHS_files/ruffle.js"></script>
<script type="text/javascript">
__wm.init("https://web.archive.org/web");
__wm.wombat("https://ak-21.de/","20210625211526","https://web.archive.org/","web","https://web-static.archive.org/_static/",
"1624655726");
</script>
<link rel="stylesheet" type="text/css" href="./Ak21 – Jahrbuch der JHS_files/banner-styles.css">
<link rel="stylesheet" type="text/css" href="./Ak21 – Jahrbuch der JHS_files/iconochive.css">
<!-- End Wayback Rewrite JS Include -->
@@ -20,20 +16,11 @@
<link rel="pingback" href="https://ak-21.de/xmlrpc.php">
<title>Ak21 – Jahrbuch der JHS</title>
<meta name="robots" content="max-image-preview:large">
<link rel="dns-prefetch" href="https://web.archive.org/web/20210625211526/https://fonts.googleapis.com/">
<link rel="dns-prefetch" href="https://web.archive.org/web/20210625211526/https://use.fontawesome.com/">
<link rel="dns-prefetch" href="https://web.archive.org/web/20210625211526/https://s.w.org/">
<link rel="dns-prefetch" href="https://web.archive.org/web/20210625211526/https://i0.wp.com/">
<link rel="dns-prefetch" href="https://web.archive.org/web/20210625211526/https://i1.wp.com/">
<link rel="dns-prefetch" href="https://web.archive.org/web/20210625211526/https://i2.wp.com/">
<link rel="dns-prefetch" href="https://web.archive.org/web/20210625211526/https://c0.wp.com/">
<link rel="alternate" type="application/rss+xml" title="Ak21 » Feed" href="/index.php/feed/">
<link rel="alternate" type="application/rss+xml" title="Ak21 » Kommentar-Feed" href="/index.php/comments/feed/">
<link rel="alternate" type="application/rss+xml" title="Ak21 » Kommentar-Feed" href="/index.php/sample-page/feed/">
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/web.archive.org\/web\/20210625211526\/https:\/\/s.w.org\/images\/core\/emoji\/13.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/web.archive.org\/web\/20210625211526\/https:\/\/s.w.org\/images\/core\/emoji\/13.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/web.archive.org\/web\/20210625211526\/https:\/\/ak-21.de\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.7.2"}};
!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55357,56424,8205,55356,57212],[55357,56424,8203,55356,57212])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
</script><script src="./Ak21 – Jahrbuch der JHS_files/wp-emoji-release.min.js" type="text/javascript" defer=""></script>
<script src="./Ak21 – Jahrbuch der JHS_files/wp-emoji-release.min.js" type="text/javascript" defer=""></script>
<style type="text/css">
img.wp-smiley,
img.emoji {
@@ -580,13 +567,7 @@ a.countdown_infolink{display:block;border-radius:10px;width:14px;height:13px;flo
</script>
<link rel="https://api.w.org/" href="https://ak-21.de/index.php/wp-json/"><link rel="alternate" type="application/json" href="https://web.archive.org/web/20210625211526/https://ak-21.de/index.php/wp-json/wp/v2/pages/2"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ak-21.de/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://ak-21.de/wp-includes/wlwmanifest.xml">
<meta name="generator" content="WordPress 5.7.2">
<link rel="canonical" href="https://web.archive.org/web/20210625211526/https://ak-21.de/">
<link rel="shortlink" href="https://web.archive.org/web/20210625211526/https://ak-21.de/">
<link rel="alternate" type="application/json+oembed" href="https://web.archive.org/web/20210625211526/https://ak-21.de/index.php/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fak-21.de%2F">
<link rel="alternate" type="text/xml+oembed" href="https://web.archive.org/web/20210625211526/https://ak-21.de/index.php/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fak-21.de%2F&amp;format=xml">
<style type="text/css">img#wpstats{display:none}</style>
<style type="text/css">
/* Colors */
@@ -597,95 +578,19 @@ a.countdown_infolink{display:block;border-radius:10px;width:14px;height:13px;flo
<body class="home page-template-default page page-id-2 no-sidebar footer-0 has-avatars"><!-- BEGIN WAYBACK TOOLBAR INSERT -->
<script>__wm.rw(0);</script>
<div id="wm-ipp-base" lang="en" style="display: block; direction: ltr; height: 67px;" toolbar-mode="auto"><template shadowrootmode="closed"><div id="wm-ipp" style="position:fixed;left:0;top:0;right:0;">
<div id="donato" style="position:relative;width:100%;height:0;">
<div id="donato-base">
<iframe id="donato-if" src="https://archive.org/includes/donate.php?as_page=1&amp;platform=wb&amp;referer=https%3A//web.archive.org/web/20210625211526/https%3A//ak-21.de/" scrolling="no" frameborder="0" style="width:100%; height:100%">
</iframe>
</div>
</div><div id="wm-ipp-inside">
<div id="wm-toolbar" style="position:relative;display:flex;flex-flow:row nowrap;justify-content:space-between;" nav="async">
<div id="wm-logo" style="/*width:110px;*/padding-top:12px;">
<a href="https://web.archive.org/web/" title="Wayback Machine home page"><img src="https://web-static.archive.org/_static/images/toolbar/wayback-toolbar-logo-200.png" srcset="https://web-static.archive.org/_static/images/toolbar/wayback-toolbar-logo-100.png, https://web-static.archive.org/_static/images/toolbar/wayback-toolbar-logo-150.png 1.5x, https://web-static.archive.org/_static/images/toolbar/wayback-toolbar-logo-200.png 2x" alt="Wayback Machine" style="width:100px" border="0"></a>
</div>
<div class="c" style="display:flex;flex-flow:column nowrap;justify-content:space-between;flex:1;">
<form class="u" style="display:flex;flex-direction:row;flex-wrap:nowrap;" target="_top" method="get" action="https://web.archive.org/web/submit" name="wmtb" id="wmtb"><input type="text" name="url" id="wmtbURL" value="https://ak-21.de/" onfocus="this.focus();this.select();" style="flex:1;" autocomplete="off"><input type="hidden" name="type" value="replay"><input type="hidden" name="date" value="20210625211526"><input type="submit" value="Go">
</form>
<div style="display:flex;flex-flow:row nowrap;align-items:flex-end;">
<div class="s" id="wm-nav-captures" style="flex:1;"><a class="t" href="https://web.archive.org/web/*/https://ak-21.de/" title="See a list of every capture for this URL">2 captures</a><div class="r" title="Timespan for captures of this URL">25 Jun 2021 - 25 Nov 2021</div></div>
<div class="k">
<a href="https://web.archive.org/web/20210625211526/https://ak-21.de/" id="wm-graph-anchor">
<div id="wm-ipp-sparkline" title="Explore captures for this URL" style="position: relative">
<canvas id="wm-sparkline-canvas" width="775" height="27" border="0"></canvas>
<div class="yt" style="display: none; width: 25px; height: 27px;"></div><div class="mt" style="display: none; width: 2px; height: 27px;"></div></div>
</a>
</div>
</div>
</div>
<div class="n">
<table>
<tbody>
<!-- NEXT/PREV MONTH NAV AND MONTH INDICATOR -->
<tr class="m">
<td class="b" nowrap="nowrap">May</td>
<td class="c" id="displayMonthEl" title="You are here: 21:15:26 Jun 25, 2021">JUN</td>
<td class="f" nowrap="nowrap"><a href="https://web.archive.org/web/20211125002226/https://ak-21.de/" title="00:22:26 Nov 25, 2021">Nov</a></td>
</tr>
<!-- NEXT/PREV CAPTURE NAV AND DAY OF MONTH INDICATOR -->
<tr class="d">
<td class="b" nowrap="nowrap"><span class="ta"></span></td>
<td class="c" id="displayDayEl" style="width:34px;font-size:22px;white-space:nowrap;" title="You are here: 21:15:26 Jun 25, 2021">25</td>
<td class="f" nowrap="nowrap"><a href="https://web.archive.org/web/20211125002226/https://ak-21.de/" title="00:22:26 Nov 25, 2021"><span class="ta"></span></a></td>
</tr>
<!-- NEXT/PREV YEAR NAV AND YEAR INDICATOR -->
<tr class="y">
<td class="b" nowrap="nowrap">2020</td>
<td class="c" id="displayYearEl" title="You are here: 21:15:26 Jun 25, 2021">2021</td>
<td class="f" nowrap="nowrap">2022</td>
</tr>
</tbody>
</table>
</div>
<div class="r" style="display:flex;flex-flow:column nowrap;align-items:flex-end;justify-content:space-between;">
<div id="wm-btns" style="text-align:right;height:23px;">
<span class="xxs">
<div id="wm-save-snapshot-success">success</div>
<div id="wm-save-snapshot-fail">fail</div>
<a id="wm-save-snapshot-open" href="https://web.archive.org/web/20210625211526/https://ak-21.de/#" title="Share via My Web Archive" style="display: inline-block;">
<span class="iconochive-web"></span>
</a>
<a href="https://archive.org/account/login.php" title="Sign In" id="wm-sign-in" style="display: none;">
<span class="iconochive-person"></span>
</a>
<span id="wm-save-snapshot-in-progress" class="iconochive-web"></span>
</span>
<a class="xxs" href="https://help.archive.org/help/category/the-wayback-machine/" title="Get some help using the Wayback Machine" style="top:-6px;"><span class="iconochive-question" style="color:rgb(87,186,244);font-size:160%;"></span></a>
<a id="wm-tb-close" href="https://web.archive.org/web/20210625211526/https://ak-21.de/#close" style="top:-2px;" title="Close the toolbar"><span class="iconochive-remove-circle" style="color:#888888;font-size:240%;"></span></a>
</div>
<div id="wm-share" class="xxs">
<a href="https://web.archive.org/web/20210625211526/http://web.archive.org/screenshot/https://ak-21.de/" id="wm-screenshot" title="screenshot" style="visibility: hidden;">
<span class="wm-icon-screen-shot"></span>
</a>
<a href="https://web.archive.org/web/20210625211526/https://ak-21.de/#" id="wm-video" title="video">
<span class="iconochive-movies"></span>
</a>
<a id="wm-share-facebook" href="https://web.archive.org/web/20210625211526/https://ak-21.de/#" data-url="https://web.archive.org/web/20210625211526/https://ak-21.de/" title="Share on Facebook" style="margin-right:5px;" target="_blank"><span class="iconochive-facebook" style="color:#3b5998;font-size:160%;"></span></a>
<a id="wm-share-twitter" href="https://web.archive.org/web/20210625211526/https://ak-21.de/#" data-url="https://web.archive.org/web/20210625211526/https://ak-21.de/" title="Share on Twitter" style="margin-right:5px;" target="_blank"><span class="iconochive-twitter" style="color:#1dcaff;font-size:160%;"></span></a>
</div>
<div style="padding-right:2px;text-align:right;white-space:nowrap;">
<a id="wm-expand" class="wm-btn wm-closed" href="https://web.archive.org/web/20210625211526/https://ak-21.de/#expand"><span id="wm-expand-icon" class="iconochive-down-solid"></span> <span class="xxs" style="font-size:80%;">About this capture</span></a>
</div>
</div>
</div>
<div id="wm-capinfo" style="border-top:1px solid #777;display:none; overflow: hidden">
<div id="wm-capinfo-notice" source="api"></div>
<div id="wm-capinfo-collected-by">
<div style="background-color:#666;color:#fff;font-weight:bold;text-align:center;padding:2px 0;">COLLECTED BY</div>
<div style="padding:3px;position:relative" id="wm-collected-by-content">
<div style="display:inline-block;vertical-align:top;width:49%;">
<span class="c-logo" style="background-image:url(https://archive.org/services/img/save-page-now)"></span>
<div>Collection: <a style="color:#33f;" href="https://archive.org/details/save-page-now" target="_new"><span class="wm-title">Save Page Now</span></a></div>
</div>
</div>
</div>
<div id="wm-capinfo-timestamps">
<div style="background-color:#666;color:#fff;font-weight:bold;text-align:center;padding:2px 0;" title="Timestamps for the elements of this page">TIMESTAMPS</div>
@@ -703,12 +608,12 @@ __wm.bt(775,27,25,2,"web","https://ak-21.de/","20210625211526",1996,"https://web
<!-- END WAYBACK TOOLBAR INSERT -->
<div id="page" class="hfeed site">
<a class="skip-link screen-reader-text" href="https://web.archive.org/web/20210625211526/https://ak-21.de/#content">Springe zum Inhalt</a>
<header id="masthead" class="site-header">
<div class="site-branding">
<h1 class="site-title"><a href="https://web.archive.org/web/20210625211526/https://ak-21.de/" rel="home">Ak21</a></h1>
<h1 class="site-title"><a href="" rel="home">Ak21</a></h1>
<div class="site-description">Jahrbuch der JHS</div>
</div><!-- .site-branding -->
@@ -744,24 +649,84 @@ __wm.bt(775,27,25,2,"web","https://ak-21.de/","20210625211526",1996,"https://web
<h6 class="has-text-align-center">Zeit Vergangen seit dem Abschluss:</h6>
<div class="widget shailan_CountdownWidget">
<div id="custom-countup" class="shailan-countdown--1 countdown hasCountdown" style="margin:0px auto;">
<span class="countdown_row countdown_show5">
<span class="countdown_section">
<span class="countdown_amount" id="years">0</span><br>
<span id="years-label">Jahre</span>
</span>
<span class="countdown_section">
<span class="countdown_amount" id="weeks">0</span><br>
<span id="weeks-label">Wochen</span>
</span>
<span class="countdown_section">
<span class="countdown_amount" id="days">0</span><br>
<span id="days-label">Tage</span>
</span>
<span class="countdown_section">
<span class="countdown_amount" id="hours">0</span><br>
<span id="hours-label">Stunden</span>
</span>
<span class="countdown_section">
<span class="countdown_amount" id="minutes">0</span><br>
<span id="minutes-label">Minuten</span>
</span>
<span class="countdown_section">
<span class="countdown_amount" id="seconds">0</span><br>
<span id="seconds-label">Sekunden</span>
</span>
</span>
</div>
</div>
<div class="widget shailan_CountdownWidget">
<div id="shailan-countdown--1_1" class="shailan-countdown--1 countdown hasCountdown" style=" margin:0px auto; "><span class="countdown_row countdown_show5"><span class="countdown_section"><span class="countdown_amount">1</span><br>Woche</span><span class="countdown_section"><span class="countdown_amount">0</span><br>Tage</span><span class="countdown_section"><span class="countdown_amount">6</span><br>Stunden</span><span class="countdown_section"><span class="countdown_amount">16</span><br>Minuten</span><span class="countdown_section"><span class="countdown_amount">31</span><br>Sekunden</span></span></div>
<div style=" margin:0px auto; "><small><a href="https://web.archive.org/web/20210625211526/https://wpassist.me/plugins/countdown/" title="WordPress Countdown Plugin" class="countdown_infolink">i</a></small></div>
<script>
(function($){
$(document).ready(function($) {
var event_month = 6 - 1;
$('#shailan-countdown--1_1').countdown({
since: new Date(2021, event_month, 18, 15, 00, 0, 0),
description: '',
format: 'yowdHMS' });
});
})(jQuery);
(function() {
// Startdatum: 18. Juni 2021, 14:00 Uhr
const startDate = new Date(2021, 5, 18, 14, 0, 0); // Monat ist 0-basiert, daher 5 für Juni
function updateCountup() {
const now = new Date();
const diff = now - startDate;
// Berechne die Zeiteinheiten
const seconds = Math.floor(diff / 1000);
const minutes = Math.floor(seconds / 60);
const hours = Math.floor(minutes / 60);
const days = Math.floor(hours / 24);
const weeks = Math.floor(days / 7);
const years = Math.floor(days / 365);
// Berechne die verbleibenden Werte
const displayYears = years;
const displayWeeks = Math.floor((days % 365) / 7);
const displayDays = days % 7;
const displayHours = hours % 24;
const displayMinutes = minutes % 60;
const displaySeconds = seconds % 60;
// Aktualisiere die Anzeige
document.getElementById('years').textContent = displayYears;
document.getElementById('weeks').textContent = displayWeeks;
document.getElementById('days').textContent = displayDays;
document.getElementById('hours').textContent = displayHours;
document.getElementById('minutes').textContent = displayMinutes;
document.getElementById('seconds').textContent = displaySeconds;
// Aktualisiere die Labels (Singular/Plural)
document.getElementById('years-label').textContent = displayYears === 1 ? 'Jahr' : 'Jahre';
document.getElementById('weeks-label').textContent = displayWeeks === 1 ? 'Woche' : 'Wochen';
document.getElementById('days-label').textContent = displayDays === 1 ? 'Tag' : 'Tage';
document.getElementById('hours-label').textContent = displayHours === 1 ? 'Stunde' : 'Stunden';
document.getElementById('minutes-label').textContent = displayMinutes === 1 ? 'Minute' : 'Minuten';
document.getElementById('seconds-label').textContent = displaySeconds === 1 ? 'Sekunde' : 'Sekunden';
}
// Starte den Timer
updateCountup();
setInterval(updateCountup, 1000);
})();
</script>
</div>
<p class="has-text-align-center">Nun haben wir es nach 10 Jahren Schule geschafft. Wir halten unseren Abschluss in den Händen und das darf auch gefeiert werden. Doch Trotz all der Freude sind viele von uns auch etwas wehmütig darüber, dass diese oft recht schöne Zeit nun Vorbei ist. Aber wir werden hoffentlich zumindest die Mitschüler und besonders die schönen Momente in Erinnerung behalten. Genau Deswegen haben wir dieses Online-Jahrbuch erstellt. Wir hoffen es gefällt euch.</p>
@@ -822,11 +787,9 @@ __wm.bt(775,27,25,2,"web","https://ak-21.de/","20210625211526",1996,"https://web
<div class="site-info">
<div class="site-copyright">
© 2021 <a href="https://web.archive.org/web/20210625211526/https://ak-21.de/" rel="home">Ak21</a>
© 2021 <a href="" rel="home">Ak21</a>
</div><!-- .site-copyright -->
<div class="site-credit">
Powered by <a href="https://web.archive.org/web/20210625211526/https://de.wordpress.org/">WordPress</a> <span class="site-credit-sep"> | </span>
Theme: <a href="https://web.archive.org/web/20210625211526/http://themegraphy.com/wordpress-themes/graphy/">Graphy</a> von Themegraphy </div><!-- .site-credit -->
</div><!-- .site-info -->
</div><!-- .site-bottom -->
@@ -835,8 +798,7 @@ __wm.bt(775,27,25,2,"web","https://ak-21.de/","20210625211526",1996,"https://web
</div><!-- #page -->
<style>html{font-size:16px;}</style><script type="text/javascript" id="ce4wp_form_submit-js-extra">
/* <![CDATA[ */
var ce4wp_form_submit_data = {"siteUrl":"https:\/\/web.archive.org\/web\/20210625211526\/https:\/\/ak-21.de","url":"https:\/\/web.archive.org\/web\/20210625211526\/https:\/\/ak-21.de\/wp-admin\/admin-ajax.php","nonce":"9cb75718f3","listNonce":"3f4360f3ac"};
/* ]]> */
</script>
<script type="text/javascript" src="./Ak21 – Jahrbuch der JHS_files/submit.js" id="ce4wp_form_submit-js"></script>
@@ -887,4 +849,3 @@ var ce4wp_form_submit_data = {"siteUrl":"https:\/\/web.archive.org\/web\/2021062
<div id="clearly-root"><iframe id="clearly-container" referrerpolicy="origin-when-cross-origin" allowfullscreen="" src="./Ak21 – Jahrbuch der JHS_files/saved_resource.html"></iframe></div></body></html>