c3woc/webseite
1
1
Fork 0
Code Issues Pull requests Releases Activity

Add Favicon

Browse source 
Former-commit-id: 4d5c778692f95daf7411d63ef5c7f35e63bdb043
This commit is contained in:
DO1JLR 2018-03-23 20:14:51 +01:00
parent 4c049d1232
commit cbadfd786d
6 changed files with 440 additions and 418 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
assets/js/jquery.min.js vendored
View file

File diff suppressed because one or more lines are too long

818
assets/js/main.js
View file

@ -1,409 +1,409 @@
/* /*
Dimension by HTML5 UP Dimension by HTML5 UP
html5up.net | @ajlkn html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/ */
(function($) { (function($) {
skel.breakpoints({ skel.breakpoints({
xlarge: '(max-width: 1680px)', xlarge: '(max-width: 1680px)',
large: '(max-width: 1280px)', large: '(max-width: 1280px)',
medium: '(max-width: 980px)', medium: '(max-width: 980px)',
small: '(max-width: 736px)', small: '(max-width: 736px)',
xsmall: '(max-width: 480px)', xsmall: '(max-width: 480px)',
xxsmall: '(max-width: 360px)' xxsmall: '(max-width: 360px)'
}); });
$(function() { $(function() {
var $window = $(window), var $window = $(window),
$body = $('body'), $body = $('body'),
$wrapper = $('#wrapper'), $wrapper = $('#wrapper'),
$header = $('#header'), $header = $('#header'),
$footer = $('#footer'), $footer = $('#footer'),
$main = $('#main'), $main = $('#main'),
$main_articles = $main.children('article'); $main_articles = $main.children('article');
// Disable animations/transitions until the page has loaded. // Disable animations/transitions until the page has loaded.
$body.addClass('is-loading'); $body.addClass('is-loading');
$window.on('load', function() { $window.on('load', function() {
window.setTimeout(function() { window.setTimeout(function() {
$body.removeClass('is-loading'); $body.removeClass('is-loading');
}, 100); }, 100);
}); });
// Fix: Placeholder polyfill. // Fix: Placeholder polyfill.
$('form').placeholder(); $('form').placeholder();
// Fix: Flexbox min-height bug on IE. // Fix: Flexbox min-height bug on IE.
if (skel.vars.IEVersion < 12) { if (skel.vars.IEVersion < 12) {
var flexboxFixTimeoutId; var flexboxFixTimeoutId;
$window.on('resize.flexbox-fix', function() { $window.on('resize.flexbox-fix', function() {
clearTimeout(flexboxFixTimeoutId); clearTimeout(flexboxFixTimeoutId);
flexboxFixTimeoutId = setTimeout(function() { flexboxFixTimeoutId = setTimeout(function() {
if ($wrapper.prop('scrollHeight') > $window.height()) if ($wrapper.prop('scrollHeight') > $window.height())
$wrapper.css('height', 'auto'); $wrapper.css('height', 'auto');
else else
$wrapper.css('height', '100vh'); $wrapper.css('height', '100vh');
}, 250); }, 250);
}).triggerHandler('resize.flexbox-fix'); }).triggerHandler('resize.flexbox-fix');
} }
// Nav. // Nav.
var $nav = $header.children('nav'), var $nav = $header.children('nav'),
$nav_li = $nav.find('li'); $nav_li = $nav.find('li');
// Add "middle" alignment classes if we're dealing with an even number of items. // Add "middle" alignment classes if we're dealing with an even number of items.
if ($nav_li.length % 2 == 0) { if ($nav_li.length % 2 == 0) {
$nav.addClass('use-middle'); $nav.addClass('use-middle');
$nav_li.eq( ($nav_li.length / 2) ).addClass('is-middle'); $nav_li.eq( ($nav_li.length / 2) ).addClass('is-middle');
} }
// Main. // Main.
var delay = 325, var delay = 325,
locked = false; locked = false;
// Methods. // Methods.
$main._show = function(id, initial) { $main._show = function(id, initial) {
var $article = $main_articles.filter('#' + id); var $article = $main_articles.filter('#' + id);
// No such article? Bail. // No such article? Bail.
if ($article.length == 0) if ($article.length == 0)
return; return;
// Handle lock. // Handle lock.
// Already locked? Speed through "show" steps w/o delays. // Already locked? Speed through "show" steps w/o delays.
if (locked || (typeof initial != 'undefined' && initial === true)) { if (locked || (typeof initial != 'undefined' && initial === true)) {
// Mark as switching. // Mark as switching.
$body.addClass('is-switching'); $body.addClass('is-switching');
// Mark as visible. // Mark as visible.
$body.addClass('is-article-visible'); $body.addClass('is-article-visible');
// Deactivate all articles (just in case one's already active). // Deactivate all articles (just in case one's already active).
$main_articles.removeClass('active'); $main_articles.removeClass('active');
// Hide header, footer. // Hide header, footer.
$header.hide(); $header.hide();
$footer.hide(); $footer.hide();
// Show main, article. // Show main, article.
$main.show(); $main.show();
$article.show(); $article.show();
// Activate article. // Activate article.
$article.addClass('active'); $article.addClass('active');
// Unlock. // Unlock.
locked = false; locked = false;
// Unmark as switching. // Unmark as switching.
setTimeout(function() { setTimeout(function() {
$body.removeClass('is-switching'); $body.removeClass('is-switching');
}, (initial ? 1000 : 0)); }, (initial ? 1000 : 0));
return; return;
} }
// Lock. // Lock.
locked = true; locked = true;
// Article already visible? Just swap articles. // Article already visible? Just swap articles.
if ($body.hasClass('is-article-visible')) { if ($body.hasClass('is-article-visible')) {
// Deactivate current article. // Deactivate current article.
var $currentArticle = $main_articles.filter('.active'); var $currentArticle = $main_articles.filter('.active');
$currentArticle.removeClass('active'); $currentArticle.removeClass('active');
// Show article. // Show article.
setTimeout(function() { setTimeout(function() {
// Hide current article. // Hide current article.
$currentArticle.hide(); $currentArticle.hide();
// Show article. // Show article.
$article.show(); $article.show();
// Activate article. // Activate article.
setTimeout(function() { setTimeout(function() {
$article.addClass('active'); $article.addClass('active');
// Window stuff. // Window stuff.
$window $window
.scrollTop(0) .scrollTop(0)
.triggerHandler('resize.flexbox-fix'); .triggerHandler('resize.flexbox-fix');
// Unlock. // Unlock.
setTimeout(function() { setTimeout(function() {
locked = false; locked = false;
}, delay); }, delay);
}, 25); }, 25);
}, delay); }, delay);
} }
// Otherwise, handle as normal. // Otherwise, handle as normal.
else { else {
// Mark as visible. // Mark as visible.
$body $body
.addClass('is-article-visible'); .addClass('is-article-visible');
// Show article. // Show article.
setTimeout(function() { setTimeout(function() {
// Hide header, footer. // Hide header, footer.
$header.hide(); $header.hide();
$footer.hide(); $footer.hide();
// Show main, article. // Show main, article.
$main.show(); $main.show();
$article.show(); $article.show();
// Activate article. // Activate article.
setTimeout(function() { setTimeout(function() {
$article.addClass('active'); $article.addClass('active');
// Window stuff. // Window stuff.
$window $window
.scrollTop(0) .scrollTop(0)
.triggerHandler('resize.flexbox-fix'); .triggerHandler('resize.flexbox-fix');
// Unlock. // Unlock.
setTimeout(function() { setTimeout(function() {
locked = false; locked = false;
}, delay); }, delay);
}, 25); }, 25);
}, delay); }, delay);
} }
}; };
$main._hide = function(addState) { $main._hide = function(addState) {
var $article = $main_articles.filter('.active'); var $article = $main_articles.filter('.active');
// Article not visible? Bail. // Article not visible? Bail.
if (!$body.hasClass('is-article-visible')) if (!$body.hasClass('is-article-visible'))
return; return;
// Add state? // Add state?
if (typeof addState != 'undefined' if (typeof addState != 'undefined'
&& addState === true) && addState === true)
history.pushState(null, null, '#'); history.pushState(null, null, '#');
// Handle lock. // Handle lock.
// Already locked? Speed through "hide" steps w/o delays. // Already locked? Speed through "hide" steps w/o delays.
if (locked) { if (locked) {
// Mark as switching. // Mark as switching.
$body.addClass('is-switching'); $body.addClass('is-switching');
// Deactivate article. // Deactivate article.
$article.removeClass('active'); $article.removeClass('active');
// Hide article, main. // Hide article, main.
$article.hide(); $article.hide();
$main.hide(); $main.hide();
// Show footer, header. // Show footer, header.
$footer.show(); $footer.show();
$header.show(); $header.show();
// Unmark as visible. // Unmark as visible.
$body.removeClass('is-article-visible'); $body.removeClass('is-article-visible');
// Unlock. // Unlock.
locked = false; locked = false;
// Unmark as switching. // Unmark as switching.
$body.removeClass('is-switching'); $body.removeClass('is-switching');
// Window stuff. // Window stuff.
$window $window
.scrollTop(0) .scrollTop(0)
.triggerHandler('resize.flexbox-fix'); .triggerHandler('resize.flexbox-fix');
return; return;
} }
// Lock. // Lock.
locked = true; locked = true;
// Deactivate article. // Deactivate article.
$article.removeClass('active'); $article.removeClass('active');
// Hide article. // Hide article.
setTimeout(function() { setTimeout(function() {
// Hide article, main. // Hide article, main.
$article.hide(); $article.hide();
$main.hide(); $main.hide();
// Show footer, header. // Show footer, header.
$footer.show(); $footer.show();
$header.show(); $header.show();
// Unmark as visible. // Unmark as visible.
setTimeout(function() { setTimeout(function() {
$body.removeClass('is-article-visible'); $body.removeClass('is-article-visible');
// Window stuff. // Window stuff.
$window $window
.scrollTop(0) .scrollTop(0)
.triggerHandler('resize.flexbox-fix'); .triggerHandler('resize.flexbox-fix');
// Unlock. // Unlock.
setTimeout(function() { setTimeout(function() {
locked = false; locked = false;
}, delay); }, delay);
}, 25); }, 25);
}, delay); }, delay);
}; };
// Articles. // Articles.
$main_articles.each(function() { $main_articles.each(function() {
var $this = $(this); var $this = $(this);
// Close. // Close.
$('<div class="close">Close</div>') $('<div class="close">Close</div>')
.appendTo($this) .appendTo($this)
.on('click', function() { .on('click', function() {
location.hash = ''; location.hash = '';
}); });
// Prevent clicks from inside article from bubbling. // Prevent clicks from inside article from bubbling.
$this.on('click', function(event) { $this.on('click', function(event) {
event.stopPropagation(); event.stopPropagation();
}); });
}); });
// Events. // Events.
$body.on('click', function(event) { $body.on('click', function(event) {
// Article visible? Hide. // Article visible? Hide.
if ($body.hasClass('is-article-visible')) if ($body.hasClass('is-article-visible'))
$main._hide(true); $main._hide(true);
}); });
$window.on('keyup', function(event) { $window.on('keyup', function(event) {
switch (event.keyCode) { switch (event.keyCode) {
case 27: case 27:
// Article visible? Hide. // Article visible? Hide.
if ($body.hasClass('is-article-visible')) if ($body.hasClass('is-article-visible'))
$main._hide(true); $main._hide(true);
break; break;
default: default:
break; break;
} }
}); });
$window.on('hashchange', function(event) { $window.on('hashchange', function(event) {
// Empty hash? // Empty hash?
if (location.hash == '' if (location.hash == ''
|| location.hash == '#') { || location.hash == '#') {
// Prevent default. // Prevent default.
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
// Hide. // Hide.
$main._hide(); $main._hide();
} }
// Otherwise, check for a matching article. // Otherwise, check for a matching article.
else if ($main_articles.filter(location.hash).length > 0) { else if ($main_articles.filter(location.hash).length > 0) {
// Prevent default. // Prevent default.
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
// Show article. // Show article.
$main._show(location.hash.substr(1)); $main._show(location.hash.substr(1));
} }
}); });
// Scroll restoration. // Scroll restoration.
// This prevents the page from scrolling back to the top on a hashchange. // This prevents the page from scrolling back to the top on a hashchange.
if ('scrollRestoration' in history) if ('scrollRestoration' in history)
history.scrollRestoration = 'manual'; history.scrollRestoration = 'manual';
else { else {
var oldScrollPos = 0, var oldScrollPos = 0,
scrollPos = 0, scrollPos = 0,
$htmlbody = $('html,body'); $htmlbody = $('html,body');
$window $window
.on('scroll', function() { .on('scroll', function() {
oldScrollPos = scrollPos; oldScrollPos = scrollPos;
scrollPos = $htmlbody.scrollTop(); scrollPos = $htmlbody.scrollTop();
}) })
.on('hashchange', function() { .on('hashchange', function() {
$window.scrollTop(oldScrollPos); $window.scrollTop(oldScrollPos);
}); });
} }
// Initialize. // Initialize.
// Hide main, articles. // Hide main, articles.
$main.hide(); $main.hide();
$main_articles.hide(); $main_articles.hide();
// Initial article. // Initial article.
if (location.hash != '' if (location.hash != ''
&& location.hash != '#') && location.hash != '#')
$window.on('load', function() { $window.on('load', function() {
$main._show(location.hash.substr(1), true); $main._show(location.hash.substr(1), true);
}); });
}); });
})(jQuery); })(jQuery);

3
assets/js/skel.min.js vendored
View file

File diff suppressed because one or more lines are too long

2
assets/js/util.js
View file

@ -584,4 +584,4 @@
}; };
})(jQuery); })(jQuery);

34
content/projects/contents.lr
View file

@ -1,9 +1,33 @@
title: Projekte title: Equipment
--- ---
body: body:
Wir beschäftigen uns mit einer großzahl an unterschiedlichen und spannenden Projekten. Hier eine kleine Übersicht: Wir haben an strategisch wichtigen Standorten gute Waffeleisen deponiert.
Hier eine Übersicht der Waffeleisen:
* Waffeln Bartscher Herz-Waffeleisen
* mehr Waffeln ========================
* Und noch mehr Waffeln <span class="image main">
<img src="/images/toolbox-kiste.jpg" />
</span>
Leistung:
----
```
Anschlusswert: 2,2 kW
Spannung: 30 V
Frequenz: 50/60 Hz
Temperaturbereich von: 0°C bis 300°C
Steuerung: Elektronisch, Knebel
Kontrollleuchte: Ja
Temperaturregelung: Thermostatisch
Material Backplatten: Gusseisen
Waffelform: Herzwaffel
Waffelgröße: Ø 210 mm, Höhe 16 mm
Ausführung Backplatte(n): Fest montiert
Anzahl Backeinheiten:1
Material:Edelstahl
Breite: 460 mm
Tiefe: 285 mm
Höhe: 255 mm
Gewicht: 15,5 kg
```