manoverboard-alpha 0.1.0 → 0.1.1

data/assets/css/style-print.css

@@ -0,0 +1,137 @@
+/**
+ * Print Stylesheet fuer Deinewebsite.de
+* @version         1.0
+* @lastmodified    16.06.2016
+*/
+
+@media print {
+    #content,
+    #page {
+        width: 100% !important;
+        margin: 0 !important;
+        float: none !important;
+    }
+
+    @page {
+        margin: 2cm !important;
+    }
+    body {
+        font-family: Arial, sans-serif;
+        font-size: 13pt !important;
+        line-height: 1.3 !important;
+        background: #fff !important;
+        color: #000 !important;
+    }
+
+    h1 {
+        font-size: 24pt !important;
+    }
+
+    h2,
+    h3,
+    h4 {
+        font-size: 14pt !important;
+        margin-top: 25px !important;
+    }
+
+    /* Alle Seitenumbrüche definieren */
+    a {
+        page-break-inside: avoid !important;
+    }
+    blockquote {
+        page-break-inside: avoid !important;
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        page-break-after: avoid !important;
+        page-break-inside: avoid !important;
+    }
+    img {
+        page-break-inside: avoid !important;
+        page-break-after: avoid !important;
+    }
+    table,
+    pre {
+        page-break-inside: avoid !important;
+    }
+    ul,
+    ol,
+    dl {
+        page-break-before: avoid !important;
+    }
+
+    /* Linkfarbe und Linkverhalten darstellen */
+    a:link,
+    a:visited,
+    a {
+        background: transparent !important;
+        color: #520 !important;
+        font-weight: bold !important;
+        text-decoration: underline !important;
+        text-align: left !important;
+    }
+
+    a {
+        page-break-inside: avoid !important;
+    }
+
+    a[href^=http]:after {
+        content: " <" attr(href) "> ";
+    }
+
+    article a[href^="#"]:after {
+        content: "";
+    }
+
+    a:not(:local-link):after {
+        content: " <" attr(href) "> ";
+    }
+
+    iframe,
+    ins,
+    img,
+    #footer {
+        display: none !important;
+        width: 0 !important;
+        height: 0 !important;
+        overflow: hidden !important;
+        line-height: 0pt !important;
+        white-space: nowrap !important;
+    }
+    .embed-youtube,
+    .embed-responsive {
+        position: absolute !important;
+        height: 0 !important;
+        overflow: hidden !important;
+    }
+
+    p,
+    address,
+    li,
+    dt,
+    dd,
+    blockquote {
+        font-size: 100% !important;
+    }
+
+    code,
+    pre {
+        font-family: "Courier New", Courier, mono !important;
+    }
+
+    ul,
+    ol {
+        list-style: square !important;
+        margin-left: 18pt !important;
+        margin-bottom: 20pt !important;
+    }
+
+    li {
+        line-height: 1.6em !important;
+    }
+
+}

data/assets/js/global.js

@@ -0,0 +1,179 @@
+// —————————————————————————————————————————————————————
+// Check browser & and inform user if it is out of date
+// —————————————————————————————————————————————————————
+var $buoop = {
+    required: {
+        e: -6,
+        f: -6,
+        o: -6,
+        s: -4,
+        c: -6
+    },
+    insecure: true,
+    api: 2019.11
+};
+
+function $buo_f() {
+    var e = document.createElement("script");
+    e.src = "//browser-update.org/update.min.js";
+    document.body.appendChild(e);
+};
+try {
+    document.addEventListener("DOMContentLoaded", $buo_f, false)
+} catch (e) {
+    window.attachEvent("onload", $buo_f)
+}
+
+
+
+// —————————————————————————————————————————————————————
+// add class to target users with js or no js
+// —————————————————————————————————————————————————————
+document.documentElement.classList.remove("no-js");
+document.documentElement.classList.add("js");
+
+
+// —————————————————————————————————————————————————————
+// is touch device
+// —————————————————————————————————————————————————————
+function is_touch_device() {
+    var prefixes = ' -webkit- -moz- -o- -ms- '.split(' ');
+    var mq = function (query) {
+        return window.matchMedia(query).matches;
+    }
+    if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
+        return true;
+    }
+    var query = ['(', prefixes.join('touch-enabled),('), 'heartz', ')'].join('');
+    return mq(query);
+}
+
+// —————————————————————————————————————————————————————
+// is keyboard user
+// —————————————————————————————————————————————————————
+(function () {
+    'use strict';
+
+    function keyboardFocus (e) {
+        if (e.keyCode !== 9) {
+            return;
+        }
+
+        switch (e.target.nodeName.toLowerCase()) {
+            case 'input':
+            case 'select':
+            case 'textarea':
+                break;
+            default:
+                document.documentElement.classList.add('keyboard-focus');
+                document.removeEventListener('keydown', keyboardFocus, false);
+        }
+    }
+
+    document.addEventListener('keydown', keyboardFocus, false);
+})();
+
+
+// —————————————————————————————————————————————————————
+// make bg image square function
+// —————————————————————————————————————————————————————
+// add class "make-square" to elements
+// not tested, may be broken. contact Nikki if broken
+document.addEventListener("DOMContentLoaded", function () {
+    let squim = $('.make-square');
+
+    if (squim) {
+        function squareImage() {
+            let squimWidth = $('.make-square').width();
+            $('.make-square').css("height", squimWidth + 'px');
+        }
+        // init
+        squareImage();
+        window.addEventListener("resize", squareImage);
+    }
+});
+
+
+
+// Remember to minimize this file before putting into production site
+
+
+
+$(document).ready(function () {
+    // —————————————————————————————————————————————————————
+    // scroll events 
+    // —————————————————————————————————————————————————————
+    $(window).scroll(function () {
+
+    });
+
+
+    // —————————————————————————————————————————————————————
+    // search dropdown
+    // —————————————————————————————————————————————————————
+    var clicked = false;
+    
+    $('#toggleSearch').click(function() {
+        toggleBtnClick();
+    });  
+    
+    $('#searchClose').click(function() {
+        toggleBtnClick();
+    });
+    
+    function toggleBtnClick() {
+        if (clicked) {
+            $('#searchContainer').addClass('search--hide');
+            clicked = false;
+        } else {
+            $('#searchContainer').removeClass('search--hide');
+            clicked = true;
+            $('#s').focus();
+        }
+    }
+
+
+    // —————————————————————————————————————————————————————
+    // mobile navigation starter
+    // —————————————————————————————————————————————————————
+    // set vars to "nav is closed"
+    var clickedNav = false;
+    
+    // --------------------------------- toggleNav Function
+    function toggleNav() {
+        // if var is true (nav is open), then close the nav and reset the var to false (nav is closed)
+        if (!clickedNav) {
+            TweenMax.to( $('#navContainer'), 1, {
+                ease: Elastic.easeOut.config(1, 0.75),
+                top: "0"
+            });
+            clickedNav = false;
+        }
+    }
+    
+    // if the nav button is clicked, execute function
+    jQuery('#toggleNav').click(function () {
+        toggleNav();
+    });
+    
+    // --------------------------------- closeNav Function
+    function closeNav() {
+        clickedSubNav = false;
+        // close main nav
+        TweenMax.to( $('#navContainer'), .75, {
+            ease: Elastic.easeIn.config(1, 0.75),
+            top: "-100vh"
+        });
+        // reset the var to false/closed
+        clickedSubNav = false;
+    }
+    
+    // if the close (x) button is clicked, execute the function
+    jQuery('#closeNav').click(function () {
+        closeNav();
+    });
+
+
+
+
+}); // end document.ready

data/assets/js/html5shiv.js

@@ -0,0 +1,301 @@
+/**
+* @preserve HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+;(function(window, document) {
+/*jshint evil:true */
+  /** version */
+  var version = '3.7.0';
+
+  /** Preset options */
+  var options = window.html5 || {};
+
+  /** Used to skip problem elements */
+  var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
+
+  /** Not all elements can be cloned in IE **/
+  var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
+
+  /** Detect whether the browser supports default html5 styles */
+  var supportsHtml5Styles;
+
+  /** Name of the expando, to work with multiple documents or to re-shiv one document */
+  var expando = '_html5shiv';
+
+  /** The id for the the documents expando */
+  var expanID = 0;
+
+  /** Cached data for each document */
+  var expandoData = {};
+
+  /** Detect whether the browser supports unknown elements */
+  var supportsUnknownElements;
+
+  (function() {
+    try {
+        var a = document.createElement('a');
+        a.innerHTML = '<xyz></xyz>';
+        //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
+        supportsHtml5Styles = ('hidden' in a);
+
+        supportsUnknownElements = a.childNodes.length == 1 || (function() {
+          // assign a false positive if unable to shiv
+          (document.createElement)('a');
+          var frag = document.createDocumentFragment();
+          return (
+            typeof frag.cloneNode == 'undefined' ||
+            typeof frag.createDocumentFragment == 'undefined' ||
+            typeof frag.createElement == 'undefined'
+          );
+        }());
+    } catch(e) {
+      // assign a false positive if detection fails => unable to shiv
+      supportsHtml5Styles = true;
+      supportsUnknownElements = true;
+    }
+
+  }());
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * Creates a style sheet with the given CSS text and adds it to the document.
+   * @private
+   * @param {Document} ownerDocument The document.
+   * @param {String} cssText The CSS text.
+   * @returns {StyleSheet} The style element.
+   */
+  function addStyleSheet(ownerDocument, cssText) {
+    var p = ownerDocument.createElement('p'),
+        parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
+
+    p.innerHTML = 'x<style>' + cssText + '</style>';
+    return parent.insertBefore(p.lastChild, parent.firstChild);
+  }
+
+  /**
+   * Returns the value of `html5.elements` as an array.
+   * @private
+   * @returns {Array} An array of shived element node names.
+   */
+  function getElements() {
+    var elements = html5.elements;
+    return typeof elements == 'string' ? elements.split(' ') : elements;
+  }
+
+    /**
+   * Returns the data associated to the given document
+   * @private
+   * @param {Document} ownerDocument The document.
+   * @returns {Object} An object of data.
+   */
+  function getExpandoData(ownerDocument) {
+    var data = expandoData[ownerDocument[expando]];
+    if (!data) {
+        data = {};
+        expanID++;
+        ownerDocument[expando] = expanID;
+        expandoData[expanID] = data;
+    }
+    return data;
+  }
+
+  /**
+   * returns a shived element for the given nodeName and document
+   * @memberOf html5
+   * @param {String} nodeName name of the element
+   * @param {Document} ownerDocument The context document.
+   * @returns {Object} The shived element.
+   */
+  function createElement(nodeName, ownerDocument, data){
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    if(supportsUnknownElements){
+        return ownerDocument.createElement(nodeName);
+    }
+    if (!data) {
+        data = getExpandoData(ownerDocument);
+    }
+    var node;
+
+    if (data.cache[nodeName]) {
+        node = data.cache[nodeName].cloneNode();
+    } else if (saveClones.test(nodeName)) {
+        node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
+    } else {
+        node = data.createElem(nodeName);
+    }
+
+    // Avoid adding some elements to fragments in IE < 9 because
+    // * Attributes like `name` or `type` cannot be set/changed once an element
+    //   is inserted into a document/fragment
+    // * Link elements with `src` attributes that are inaccessible, as with
+    //   a 403 response, will cause the tab/window to crash
+    // * Script elements appended to fragments will execute when their `src`
+    //   or `text` property is set
+    return node.canHaveChildren && !reSkip.test(nodeName) ? data.frag.appendChild(node) : node;
+  }
+
+  /**
+   * returns a shived DocumentFragment for the given document
+   * @memberOf html5
+   * @param {Document} ownerDocument The context document.
+   * @returns {Object} The shived DocumentFragment.
+   */
+  function createDocumentFragment(ownerDocument, data){
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    if(supportsUnknownElements){
+        return ownerDocument.createDocumentFragment();
+    }
+    data = data || getExpandoData(ownerDocument);
+    var clone = data.frag.cloneNode(),
+        i = 0,
+        elems = getElements(),
+        l = elems.length;
+    for(;i<l;i++){
+        clone.createElement(elems[i]);
+    }
+    return clone;
+  }
+
+  /**
+   * Shivs the `createElement` and `createDocumentFragment` methods of the document.
+   * @private
+   * @param {Document|DocumentFragment} ownerDocument The document.
+   * @param {Object} data of the document.
+   */
+  function shivMethods(ownerDocument, data) {
+    if (!data.cache) {
+        data.cache = {};
+        data.createElem = ownerDocument.createElement;
+        data.createFrag = ownerDocument.createDocumentFragment;
+        data.frag = data.createFrag();
+    }
+
+
+    ownerDocument.createElement = function(nodeName) {
+      //abort shiv
+      if (!html5.shivMethods) {
+          return data.createElem(nodeName);
+      }
+      return createElement(nodeName, ownerDocument, data);
+    };
+
+    ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
+      'var n=f.cloneNode(),c=n.createElement;' +
+      'h.shivMethods&&(' +
+        // unroll the `createElement` calls
+        getElements().join().replace(/[\w\-]+/g, function(nodeName) {
+          data.createElem(nodeName);
+          data.frag.createElement(nodeName);
+          return 'c("' + nodeName + '")';
+        }) +
+      ');return n}'
+    )(html5, data.frag);
+  }
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * Shivs the given document.
+   * @memberOf html5
+   * @param {Document} ownerDocument The document to shiv.
+   * @returns {Document} The shived document.
+   */
+  function shivDocument(ownerDocument) {
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    var data = getExpandoData(ownerDocument);
+
+    if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
+      data.hasCSS = !!addStyleSheet(ownerDocument,
+        // corrects block display not defined in IE6/7/8/9
+        'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
+        // adds styling not present in IE6/7/8/9
+        'mark{background:#FF0;color:#000}' +
+        // hides non-rendered elements
+        'template{display:none}'
+      );
+    }
+    if (!supportsUnknownElements) {
+      shivMethods(ownerDocument, data);
+    }
+    return ownerDocument;
+  }
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * The `html5` object is exposed so that more elements can be shived and
+   * existing shiving can be detected on iframes.
+   * @type Object
+   * @example
+   *
+   * // options can be changed before the script is included
+   * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
+   */
+  var html5 = {
+
+    /**
+     * An array or space separated string of node names of the elements to shiv.
+     * @memberOf html5
+     * @type Array|String
+     */
+    'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video',
+
+    /**
+     * current version of html5shiv
+     */
+    'version': version,
+
+    /**
+     * A flag to indicate that the HTML5 style sheet should be inserted.
+     * @memberOf html5
+     * @type Boolean
+     */
+    'shivCSS': (options.shivCSS !== false),
+
+    /**
+     * Is equal to true if a browser supports creating unknown/HTML5 elements
+     * @memberOf html5
+     * @type boolean
+     */
+    'supportsUnknownElements': supportsUnknownElements,
+
+    /**
+     * A flag to indicate that the document's `createElement` and `createDocumentFragment`
+     * methods should be overwritten.
+     * @memberOf html5
+     * @type Boolean
+     */
+    'shivMethods': (options.shivMethods !== false),
+
+    /**
+     * A string to describe the type of `html5` object ("default" or "default print").
+     * @memberOf html5
+     * @type String
+     */
+    'type': 'default',
+
+    // shivs the document according to the specified `html5` object options
+    'shivDocument': shivDocument,
+
+    //creates a shived element
+    createElement: createElement,
+
+    //creates a shived documentFragment
+    createDocumentFragment: createDocumentFragment
+  };
+
+  /*--------------------------------------------------------------------------*/
+
+  // expose html5
+  window.html5 = html5;
+
+  // shiv the document
+  shivDocument(document);
+
+}(this, document));