Files
2026-01-15 14:09:08 +01:00

852 lines
35 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<!-- saved from url=(0060)https://web.archive.org/web/20210625211526/https://ak-21.de/ -->
<html lang="de-DE" style="--wm-toolbar-height: 67px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script src="./Ak21 Jahrbuch der JHS_files/athena.js" type="text/javascript"></script>
<script type="text/javascript">window.addEventListener('DOMContentLoaded',function(){var v=archive_analytics.values;v.service='wb';v.server_name='wwwb-app206.us.archive.org';v.server_ms=333;archive_analytics.send_pageview({});});</script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/bundle-playback.js" charset="utf-8"></script>
<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>
<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 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<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="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 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 {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style type="text/css">
.hasCountdown{text-shadow:transparent 0 1px 1px;overflow:hidden;padding:5px}
.countdown_rtl{direction:rtl}
.countdown_holding span{background-color:#ccc}
.countdown_row{clear:both;width:100%;text-align:center}
.countdown_show1 .countdown_section{width:98%}
.countdown_show2 .countdown_section{width:48%}
.countdown_show3 .countdown_section{width:32.5%}
.countdown_show4 .countdown_section{width:24.5%}
.countdown_show5 .countdown_section{width:19.5%}
.countdown_show6 .countdown_section{width:16.25%}
.countdown_show7 .countdown_section{width:14%}
.countdown_section{display:block;float:left;font-size:75%;text-align:center;margin:3px 0}
.countdown_amount{font-size:200%}
.countdown_descr{display:block;width:100%}
a.countdown_infolink{display:block;border-radius:10px;width:14px;height:13px;float:right;font-size:9px;line-height:13px;font-weight:700;text-align:center;position:relative;top:-15px;border:1px solid}
#countdown-preview{padding:10px}
</style>
<link rel="stylesheet" id="ayecode-ui-css" href="./Ak21 Jahrbuch der JHS_files/ayecode-ui-compatibility.css" type="text/css" media="all">
<style id="ayecode-ui-inline-css" type="text/css">
body.modal-open #wpadminbar{z-index:999}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="./Ak21 Jahrbuch der JHS_files/style.min.css" type="text/css" media="all">
<style id="wp-block-library-inline-css" type="text/css">
.has-text-align-justify{text-align:justify;}
</style>
<link rel="stylesheet" id="ce4wp-subscribe-style-css" href="./Ak21 Jahrbuch der JHS_files/subscribe.css" type="text/css" media="all">
<link rel="stylesheet" id="graphy-font-css" href="./Ak21 Jahrbuch der JHS_files/css" type="text/css" media="all">
<link rel="stylesheet" id="genericons-css" href="./Ak21 Jahrbuch der JHS_files/genericons.css" type="text/css" media="all">
<link rel="stylesheet" id="normalize-css" href="./Ak21 Jahrbuch der JHS_files/normalize.css" type="text/css" media="all">
<link rel="stylesheet" id="graphy-style-css" href="./Ak21 Jahrbuch der JHS_files/style.css" type="text/css" media="all">
<link rel="stylesheet" id="font-awesome-css" href="./Ak21 Jahrbuch der JHS_files/all.css" type="text/css" media="all">
<link rel="stylesheet" id="jetpack_css-css" href="./Ak21 Jahrbuch der JHS_files/jetpack.css" type="text/css" media="all">
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/jquery.min.js" id="jquery-core-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/jquery-migrate.min.js" id="jquery-migrate-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/select2.min.js" id="select2-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/bootstrap.bundle.min.js" id="bootstrap-js-bundle-js"></script>
<script type="text/javascript" id="bootstrap-js-bundle-js-after">
/**
* An AUI bootstrap adaptation of GreedyNav.js ( by Luke Jackson ).
*
* Simply add the class `greedy` to any <nav> menu and it will do the rest.
* Licensed under the MIT license - http://opensource.org/licenses/MIT
* @ver 0.0.1
*/
function aui_init_greedy_nav(){
jQuery('nav.greedy').each(function(i, obj) {
// Check if already initialized, if so continue.
if(jQuery(this).hasClass("being-greedy")){return true;}
// Make sure its always expanded
jQuery(this).addClass('navbar-expand');
// vars
var $vlinks = '';
var $dDownClass = '';
if(jQuery(this).find('.navbar-nav').length){
if(jQuery(this).find('.navbar-nav').hasClass("being-greedy")){return true;}
$vlinks = jQuery(this).find('.navbar-nav').addClass("being-greedy w-100").removeClass('overflow-hidden');
}else if(jQuery(this).find('.nav').length){
if(jQuery(this).find('.nav').hasClass("being-greedy")){return true;}
$vlinks = jQuery(this).find('.nav').addClass("being-greedy w-100").removeClass('overflow-hidden');
$dDownClass = ' mt-2 ';
}else{
return false;
}
jQuery($vlinks).append('<li class="nav-item list-unstyled ml-auto greedy-btn d-none dropdown ">' +
'<a href="javascript:void(0)" data-toggle="dropdown" class="nav-link"><i class="fas fa-ellipsis-h"></i> <span class="greedy-count badge badge-dark badge-pill"></span></a>' +
'<ul class="greedy-links dropdown-menu dropdown-menu-right '+$dDownClass+'"></ul>' +
'</li>');
var $hlinks = jQuery(this).find('.greedy-links');
var $btn = jQuery(this).find('.greedy-btn');
var numOfItems = 0;
var totalSpace = 0;
var closingTime = 1000;
var breakWidths = [];
// Get initial state
$vlinks.children().outerWidth(function(i, w) {
totalSpace += w;
numOfItems += 1;
breakWidths.push(totalSpace);
});
var availableSpace, numOfVisibleItems, requiredSpace, buttonSpace ,timer;
/*
The check function.
*/
function check() {
// Get instant state
buttonSpace = $btn.width();
availableSpace = $vlinks.width() - 10;
numOfVisibleItems = $vlinks.children().length;
requiredSpace = breakWidths[numOfVisibleItems - 1];
// There is not enough space
if (numOfVisibleItems > 1 && requiredSpace > availableSpace) {
$vlinks.children().last().prev().prependTo($hlinks);
numOfVisibleItems -= 1;
check();
// There is more than enough space
} else if (availableSpace > breakWidths[numOfVisibleItems]) {
$hlinks.children().first().insertBefore($btn);
numOfVisibleItems += 1;
check();
}
// Update the button accordingly
jQuery($btn).find(".greedy-count").html( numOfItems - numOfVisibleItems);
if (numOfVisibleItems === numOfItems) {
$btn.addClass('d-none');
} else $btn.removeClass('d-none');
}
// Window listeners
jQuery(window).resize(function() {
check();
});
// do initial check
check();
});
}
/**
* Initiate Select2 items.
*/
function aui_init_select2(){
jQuery("select.aui-select2").select2();
}
/**
* A function to convert a time value to a "ago" time text.
*
* @param selector string The .class selector
*/
function aui_time_ago(selector) {
var templates = {
prefix: "",
suffix: " ago",
seconds: "less than a minute",
minute: "about a minute",
minutes: "%d minutes",
hour: "about an hour",
hours: "about %d hours",
day: "a day",
days: "%d days",
month: "about a month",
months: "%d months",
year: "about a year",
years: "%d years"
};
var template = function (t, n) {
return templates[t] && templates[t].replace(/%d/i, Math.abs(Math.round(n)));
};
var timer = function (time) {
if (!time)
return;
time = time.replace(/\.\d+/, ""); // remove milliseconds
time = time.replace(/-/, "/").replace(/-/, "/");
time = time.replace(/T/, " ").replace(/Z/, " UTC");
time = time.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"); // -04:00 -> -0400
time = new Date(time * 1000 || time);
var now = new Date();
var seconds = ((now.getTime() - time) * .001) >> 0;
var minutes = seconds / 60;
var hours = minutes / 60;
var days = hours / 24;
var years = days / 365;
return templates.prefix + (
seconds < 45 && template('seconds', seconds) ||
seconds < 90 && template('minute', 1) ||
minutes < 45 && template('minutes', minutes) ||
minutes < 90 && template('hour', 1) ||
hours < 24 && template('hours', hours) ||
hours < 42 && template('day', 1) ||
days < 30 && template('days', days) ||
days < 45 && template('month', 1) ||
days < 365 && template('months', days / 30) ||
years < 1.5 && template('year', 1) ||
template('years', years)
) + templates.suffix;
};
var elements = document.getElementsByClassName(selector);
if (selector && elements && elements.length) {
for (var i in elements) {
var $el = elements[i];
if (typeof $el === 'object') {
$el.innerHTML = '<i class="far fa-clock"></i> ' + timer($el.getAttribute('title') || $el.getAttribute('datetime'));
}
}
}
// update time every minute
setTimeout(function() {
aui_time_ago(selector);
}, 60000);
}
/**
* Initiate tooltips on the page.
*/
function aui_init_tooltips(){
jQuery('[data-toggle="tooltip"]').tooltip();
jQuery('[data-toggle="popover"]').popover();
jQuery('[data-toggle="popover-html"]').popover({
html: true
});
// fix popover container compatibility
jQuery('[data-toggle="popover"],[data-toggle="popover-html"]').on('inserted.bs.popover', function () {
jQuery('body > .popover').wrapAll("<div class='bsui' />");
});
}
/**
* Initiate flatpickrs on the page.
*/
$aui_doing_init_flatpickr = false;
function aui_init_flatpickr(){
if ( jQuery.isFunction(jQuery.fn.flatpickr) && !$aui_doing_init_flatpickr) {
$aui_doing_init_flatpickr = true;
jQuery('input[data-aui-init="flatpickr"]:not(.flatpickr-input)').flatpickr();
}
$aui_doing_init_flatpickr = false;
}
function aui_modal($title,$body,$footer,$dismissible,$class,$dialog_class) {
if(!$class){$class = '';}
if(!$dialog_class){$dialog_class = '';}
if(!$body){$body = '<div class="text-center"><div class="spinner-border" role="status"></div></div>';}
// remove it first
jQuery('.aui-modal').modal('hide').modal('dispose').remove();
jQuery('.modal-backdrop').remove();
var $modal = '';
$modal += '<div class="modal aui-modal fade shadow bsui '+$class+'" tabindex="-1">'+
'<div class="modal-dialog modal-dialog-centered '+$dialog_class+'">'+
'<div class="modal-content">';
if($title) {
$modal += '<div class="modal-header">' +
'<h5 class="modal-title">' + $title + '</h5>';
if ($dismissible) {
$modal += '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
'<span aria-hidden="true">&times;</span>' +
'</button>';
}
$modal += '</div>';
}
$modal += '<div class="modal-body">'+
$body+
'</div>';
if($footer){
$modal += '<div class="modal-footer">'+
$footer +
'</div>';
}
$modal +='</div>'+
'</div>'+
'</div>';
jQuery('body').append($modal);
jQuery('.aui-modal').modal('hide').modal({
//backdrop: 'static'
});
}
/**
* Show / hide fields depending on conditions.
*/
function aui_conditional_fields(form){
jQuery(form).find(".aui-conditional-field").each(function () {
var $element_require = jQuery(this).data('element-require');
if ($element_require) {
$element_require = $element_require.replace("&#039;", "'"); // replace single quotes
$element_require = $element_require.replace("&quot;", '"'); // replace double quotes
if (aui_check_form_condition($element_require,form)) {
jQuery(this).removeClass('d-none');
} else {
jQuery(this).addClass('d-none');
}
}
});
}
/**
* Check form condition
*/
function aui_check_form_condition(condition,form) {
if (form) {
condition = condition.replace(/\(form\)/g, "('"+form+"')");
}
return new Function("return " + condition+";")();
}
/**
* A function to determine if a element is on screen.
*/
jQuery.fn.aui_isOnScreen = function(){
var win = jQuery(window);
var viewport = {
top : win.scrollTop(),
left : win.scrollLeft()
};
viewport.right = viewport.left + win.width();
viewport.bottom = viewport.top + win.height();
var bounds = this.offset();
bounds.right = bounds.left + this.outerWidth();
bounds.bottom = bounds.top + this.outerHeight();
return (!(viewport.right < bounds.left || viewport.left > bounds.right || viewport.bottom < bounds.top || viewport.top > bounds.bottom));
};
/**
* Maybe show multiple carousel items if set to do so.
*/
function aui_carousel_maybe_show_multiple_items($carousel){
var $items = {};
var $item_count = 0;
// maybe backup
if(!jQuery($carousel).find('.carousel-inner-original').length){
jQuery($carousel).append('<div class="carousel-inner-original d-none">'+jQuery($carousel).find('.carousel-inner').html()+'</div>');
}
// Get the original items html
jQuery($carousel).find('.carousel-inner-original .carousel-item').each(function () {
$items[$item_count] = jQuery(this).html();
$item_count++;
});
// bail if no items
if(!$item_count){return;}
if(jQuery(window).width() <= 576){
// maybe restore original
if(jQuery($carousel).find('.carousel-inner').hasClass('aui-multiple-items') && jQuery($carousel).find('.carousel-inner-original').length){
jQuery($carousel).find('.carousel-inner').removeClass('aui-multiple-items').html(jQuery($carousel).find('.carousel-inner-original').html());
jQuery($carousel).find(".carousel-indicators li").removeClass("d-none");
}
}else{
// new items
var $md_count = jQuery($carousel).data('limit_show');
var $new_items = '';
var $new_items_count = 0;
var $new_item_count = 0;
var $closed = true;
Object.keys($items).forEach(function(key,index) {
// close
if(index != 0 && Number.isInteger(index/$md_count) ){
$new_items += '</div></div>';
$closed = true;
}
// open
if(index == 0 || Number.isInteger(index/$md_count) ){
$active = index == 0 ? 'active' : '';
$new_items += '<div class="carousel-item '+$active+'"><div class="row m-0">';
$closed = false;
$new_items_count++;
$new_item_count = 0;
}
// content
$new_items += '<div class="col pr-1 pl-0">'+$items[index]+'</div>';
$new_item_count++;
});
// close if not closed in the loop
if(!$closed){
// check for spares
if($md_count-$new_item_count > 0){
$placeholder_count = $md_count-$new_item_count;
while($placeholder_count > 0){
$new_items += '<div class="col pr-1 pl-0"></div>';
$placeholder_count--;
}
}
$new_items += '</div></div>';
}
// insert the new items
jQuery($carousel).find('.carousel-inner').addClass('aui-multiple-items').html($new_items);
// fix any lazyload images in the active slider
jQuery($carousel).find('.carousel-item.active img').each(function () {
// fix the srcset
if(real_srcset = jQuery(this).attr("data-srcset")){
if(!jQuery(this).attr("srcset")) jQuery(this).attr("srcset",real_srcset);
}
// fix the src
if(real_src = jQuery(this).attr("data-src")){
if(!jQuery(this).attr("srcset")) jQuery(this).attr("src",real_src);
}
});
// maybe fix carousel indicators
$hide_count = $new_items_count-1;
jQuery($carousel).find(".carousel-indicators li:gt("+$hide_count+")").addClass("d-none");
}
// trigger a global action to say we have
jQuery( window ).trigger( "aui_carousel_multiple" );
}
/**
* Init Multiple item carousels.
*/
function aui_init_carousel_multiple_items(){
jQuery(window).resize(function(){
jQuery('.carousel-multiple-items').each(function () {
aui_carousel_maybe_show_multiple_items(this);
});
});
// run now
jQuery('.carousel-multiple-items').each(function () {
aui_carousel_maybe_show_multiple_items(this);
});
}
/**
* Allow navs to use multiple sub menus.
*/
function init_nav_sub_menus(){
jQuery('.navbar-multi-sub-menus').each(function(i, obj) {
// Check if already initialized, if so continue.
if(jQuery(this).hasClass("has-sub-sub-menus")){return true;}
// Make sure its always expanded
jQuery(this).addClass('has-sub-sub-menus');
jQuery(this).find( '.dropdown-menu a.dropdown-toggle' ).on( 'click', function ( e ) {
var $el = jQuery( this );
$el.toggleClass('active-dropdown');
var $parent = jQuery( this ).offsetParent( ".dropdown-menu" );
if ( !jQuery( this ).next().hasClass( 'show' ) ) {
jQuery( this ).parents( '.dropdown-menu' ).first().find( '.show' ).removeClass( "show" );
}
var $subMenu = jQuery( this ).next( ".dropdown-menu" );
$subMenu.toggleClass( 'show' );
jQuery( this ).parent( "li" ).toggleClass( 'show' );
jQuery( this ).parents( 'li.nav-item.dropdown.show' ).on( 'hidden.bs.dropdown', function ( e ) {
jQuery( '.dropdown-menu .show' ).removeClass( "show" );
$el.removeClass('active-dropdown');
} );
if ( !$parent.parent().hasClass( 'navbar-nav' ) ) {
$el.next().addClass('position-relative border-top border-bottom');
}
return false;
} );
});
}
/**
* Initiate all AUI JS.
*/
function aui_init(){
// nav menu submenus
init_nav_sub_menus();
// init tooltips
aui_init_tooltips();
// init select2
aui_init_select2();
// init flatpickr
aui_init_flatpickr();
// init Greedy nav
aui_init_greedy_nav();
// Set times to time ago
aui_time_ago('timeago');
// init multiple item carousels
aui_init_carousel_multiple_items();
}
// run on window loaded
jQuery(window).on("load",function() {
aui_init();
});
</script>
<style type="text/css">img#wpstats{display:none}</style>
<style type="text/css">
/* Colors */
</style>
<style id="fit-vids-style">.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style></head>
<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 class="c" style="display:flex;flex-flow:column nowrap;justify-content:space-between;flex:1;">
<div style="display:flex;flex-flow:row nowrap;align-items:flex-end;">
</div>
</div>
<div class="n">
<table>
</table>
</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>
<div>
<div id="wm-capresources" style="margin:0 5px 5px 5px;max-height:250px;overflow-y:scroll !important"></div>
<div id="wm-capresources-loading" style="text-align:left;margin:0 20px 5px 5px;display:none"><img src="https://web-static.archive.org/_static/images/loading.gif" alt="loading"></div>
</div>
</div>
</div></div></div><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"><div class="wb-autocomplete-suggestions " style="left: 135px; top: 23px; width: 1029px; display: none;"><div class="wb-autocomplete-suggestion selected" data-val="https://ak-21.de/index.php"><b>https://ak-21.de/index.php</b></div></div></template>
</div><div id="wm-ipp-print">The Wayback Machine - https://web.archive.org/web/20210625211526/https://ak-21.de/</div>
<script type="text/javascript">//<![CDATA[
__wm.bt(775,27,25,2,"web","https://ak-21.de/","20210625211526",1996,"https://web-static.archive.org/_static/",["https://web-static.archive.org/_static/css/banner-styles.css?v=1utQkbB3","https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv"], false);
__wm.rw(1);
//]]></script>
<!-- END WAYBACK TOOLBAR INSERT -->
<div id="page" class="hfeed site">
<header id="masthead" class="site-header">
<div class="site-branding">
<h1 class="site-title"><a href="" rel="home">Ak21</a></h1>
<div class="site-description">Jahrbuch der JHS</div>
</div><!-- .site-branding -->
<nav id="site-navigation" class="main-navigation">
<button class="menu-toggle"><span class="menu-text">Menü</span></button>
<div class="menu-normal-container"><ul id="menu-normal" class="menu nav-menu"><li id="menu-item-207" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-207"><a href="index.php/steckbriefe/index.html">Steckbriefe</a></li>
<li id="menu-item-208" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-208"><a href="index.php/umfrage-ergebnisse/index.html">Umfrage Ergebnisse</a></li>
<li id="menu-item-213" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-213"><a href="index.php/gaestebuch/index.html">Gästebuch</a></li>
</ul></div> <form role="search" method="get" class="search-form" action="/">
<label>
<span class="screen-reader-text">Suche nach:</span>
<input type="search" class="search-field" placeholder="Suche …" value="" name="s">
</label>
<input type="submit" class="search-submit" value="Suche">
</form> </nav><!-- #site-navigation -->
</header><!-- #masthead -->
<div id="content" class="site-content">
<div id="primary" class="content-area">
<main id="main" class="site-main">
<article id="post-2" class="post-2 page type-page status-publish hentry">
<header class="entry-header">
<h2 class="entry-title"></h2>
</header><!-- .entry-header -->
<div class="entry-content">
<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>
<script>
(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>
<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>
<hr class="wp-block-separator">
<h2 class="has-text-align-center">Ein paar Worte….</h2>
<blockquote class="wp-block-quote has-text-align-center is-style-default"><p>Liebe Schülerinnen und Schüler, 0,000 000 1 m. Das ist die Größe eines einzelnen Corona-Virus. Dieses kleine Ding hat in den letzten Jahren maßgeblich euren und unseren Schulalltag beeinflusst. </p><p>Wir haben uns anfangs durch Fernunterrichte und später dann durch Unterrichte unter CoronaBedingungen kämpfen müssen. Dazu gehörten Aufgaben über IServ und die zwei Tests pro Woche. Wir saßen mit Abstand und mit Masken in den Klassen. Wir haben uns stets die Hände an den Ein- und Ausgängen desinfiziert (Ihr mal mehr, mal weniger ). Wir haben uns auf einen neuen Pausenhof einstellen müssen und wir haben uns an eine Lüftungsregelung gewöhnen müssen.</p><p>Aber auch das habt ihr geschafft. Die Lage ließ es sogar zu, dass wir in dieser Woche endlich was als Klasse unternehmen konnten. Montag gings auf den Sportplatz, um gegen die anderen 10er anzutreten. Gewonnen hat, mit deutlichem Abstand, die 10B. Herzlichen Glückwunsch dazu. Dienstag konnten wir bei Familie Borger zuhause grillen, danke dafür; Abschließen konnten wir unsere gemeinsamen Aktivitäten mit dem Besuch im Kletterpark gestern.</p><p>Aber: Diese Zeit an der Joseph-Hennewig-Schule ist nun leider für euch vorbei. Ich hoffe, dass an euren neuen „Schaffensstätten“ ähnlich gut auf eure Gesundheit geachtet wird und mit ein bisschen Glück der ganze Virus-Kram bald vorbei ist. Ich wünsche euch viel Erfolg im weiteren (Schul-)Leben und würde mich auf die ein oder andere Rückmeldung in ein paar Jahren freuen.</p><cite>Simon Reinermann 18.06.2021</cite></blockquote>
<p></p>
<blockquote class="wp-block-quote has-text-align-center"><p>Lieber 10er Jahrgang! Nun ist es soweit, ihr werdet entlassen und geht euren Weg, jeder in seine Richtung! Als wir am Einschulungstag zusammen im Klassenraum saßen, dachten wir, dass noch eine ewig lange Zeit vor uns liegt! Eine Zeit, in der wir lernten, Spaß hatten, diskutieren und immer wieder nach vorne geblickt haben: zum Ziel, zum Schulabschluss, den ihr jetzt erreicht habt! Doch wie wir alle festgestellt haben, ist die Zeit sehr schnell vergangen! Einige von euch sind erst später in den Jahrgang dazu gekommen, aber eins war in unserer Stufe immer klar: Jeder und jede wird willkommen geheißen und integriert. Auf diesem Weg habt ihr es geschafft, ein ausgesprochen sympathischer und toleranter Jahrgang zu sein, weiter so! In diesem Sinne wünsche ich jedem Einzelnen von euch viele weitere gute Stationen in eurem Leben, nette Menschen, die euch begleiten und keine Angst vor neuen Herausforderungen! Alles Liebe eure ehemalige Klassenlehrerin P. Ziegner-Eissing</p></blockquote>
<blockquote class="wp-block-quote has-text-align-center"><p>Liebe Noch-10er, leider könnt auch ihr keinen richtigen Abschluss feiern. Das tut mir sehr leid, da ich mich gerne gebührend von euch verabschiedet hätte. Leider konnte ich nicht alle aus eurer Stufe kennenlernen, aber die, die ich kennenlernen durfte, haben mir sehr viel Spaß an der „Arbeit“ gemacht!!! Ich hoffe, ihr behaltet einiges in guter Erinnerung und seid über das, was euch in den letzten Jahren vielleicht erregt und aufgeregt habt, nicht zu lange sauer… Wenn doch, hmmmm…. dann hättet ihr es mir sagen sollen! … grins… Euch allen alles Gute und haltet durch! Et wird nicht besser!!! Liebe Grüße und vielleicht sieht man sich ja doch mal in unserer schönen kleinen Stadt…</p><cite>Bernd Marwitz</cite></blockquote>
<blockquote class="wp-block-quote has-text-align-center"><p>Liebe 10er! Euer Jahrgang wird mir besonders in Erinnerung bleiben, da ich zum gleichen Zeitpunkt an die JHS gekommen bin wie ihr. Ich kann mich noch sehr gut an eure ersten Tage in der Schule erinnern. In Klasse 7 habe ich dann eine eigene Klasse bekommen auch zum ersten Mal. Das war eine ganz schön turbulente Zeit die wir zusammen verbracht haben. Die Klasse musste ja erstmal in der neuen Konstellation zusammenfinden. Das war nicht immer einfach. Ich erinnere mich aber auch an viele schöne Dinge. An Erleuchtungen darüber, dass auch Haltern ein Kanalisationssystem besitzt, besondere Gespräche und auch schöne Unternehmungen. Ich freue mich, heute mit euch euren offiziellen Abschluss zu feiern und bin mir sicher, dass ihr trotz der Lage heute das Beste daraus macht und den Tag genießen werdet. Für eure weitere Zukunft wünsche ich euch alles erdenklich Gute! Mögen eure Wünsche und Träume in Erfüllung gehen! Eure Lehrerin O. Nordbruch</p></blockquote>
<blockquote class="wp-block-quote has-text-align-center"><p>Lieber Abschlussjahrgang, ihr seid in jeder Hinsicht ein ganz besonderer Jahrgang. Einige von euch kenne ich seit der fünften Klasse und es hat mir viel Freude gemacht, euch zu unterrichten (zumindest meistens :-)). Euer Jahrgang ist geprägt von vielen besonderen Menschen und ich bin mir sicher, dass jeder von euch seinen Weg finden wird. Für die nächsten Schritte wünsche ich euch Glück, Kraft, Erfolg und das richtige Bauchgefühl. Ich hätte gerne mit euch gefeiert und auf euren Erfolg angestoßen, aber ihr werdet bestimmt das Beste aus eurem letzten Schultag machen. Alles Gute für eure Zukunft.</p><cite>Christine Heming</cite></blockquote>
<h2> </h2>
<p></p>
</div><!-- .entry-content -->
</article><!-- #post-## -->
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- #content -->
<footer id="colophon" class="site-footer">
<div class="site-bottom">
<div class="site-info">
<div class="site-copyright">
© 2021 <a href="" rel="home">Ak21</a>
</div><!-- .site-copyright -->
</div><!-- .site-info -->
</div><!-- .site-bottom -->
</footer><!-- #colophon -->
</div><!-- #page -->
<style>html{font-size:16px;}</style><script type="text/javascript" id="ce4wp_form_submit-js-extra">
/* ]]> */
</script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/submit.js" id="ce4wp_form_submit-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/photon.min.js" id="jetpack-photon-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/jquery.fitvids.js" id="fitvids-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/skip-link-focus-fix.js" id="graphy-skip-link-focus-fix-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/navigation.js" id="graphy-navigation-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/doubletaptogo.min.js" id="double-tap-to-go-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/functions.js" id="graphy-functions-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/jquery.countdown.min.js" id="countdown-js"></script>
<script type="text/javascript" src="./Ak21 Jahrbuch der JHS_files/wp-embed.min.js" id="wp-embed-js"></script>
<script src="./Ak21 Jahrbuch der JHS_files/e-202125.js" defer=""></script>
<script>
_stq = window._stq || [];
_stq.push([ 'view', {v:'ext',j:'1:9.8.1',blog:'194733867',post:'2',tz:'0',srv:'ak-21.de'} ]);
_stq.push([ 'clickTrackerInit', '194733867', '2' ]);
</script>
<script>(function($) {
$.countdown.regional['custom'] = {
labels: [
'Jahre',
'Monate',
'Wochen',
'Tage',
'Stunden',
'Minuten',
'Sekunden'
],
labels1: [
'Jahr',
'Monat',
'Woche',
'Tag',
'Stunde',
'Minute',
'Sekunde'
],
compactLabels: ['y', 'a', 'h', 'g'],
whichLabels: null,
timeSeparator: ':',
isRTL: false
};
$.countdown.setDefaults($.countdown.regional['custom']);
})(jQuery);
</script>