Maintenance and a little bit more content
- added favicon - changes to the gulp sprite module - changes to gulp linting - fixed javascript scroll function and added setup function content - fixed javascript indentation - new error pages - changed css for link colors - fixed css sprites
This commit is contained in:
Stephan
parent
8d9f440ac2
commit
90894f3253
35 changed files with 273 additions and 200 deletions
|
|
@ -7,8 +7,6 @@
|
|||
{% block title %}Index{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<link rel="stylesheet" type="text/css" media="all" href="css/demo.css"/>
|
||||
<!-- <link rel="stylesheet" type="text/css" media="print" href="./css/print.css"/> -->
|
||||
{% endblock %}
|
||||
|
||||
{% block body_content %}
|
||||
|
|
@ -50,7 +48,6 @@ C(")(")</pre>
|
|||
// Page specific
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).ready(function() {
|
||||
console.log('HIPPIE');
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -8,8 +8,6 @@
|
|||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<link rel="stylesheet" type="text/css" media="all" href="../css/demo.css"/>
|
||||
<!-- <link rel="stylesheet" type="text/css" media="print" href="./css/print.css"/> -->
|
||||
{% endblock %}
|
||||
|
||||
{% block body_content %}
|
||||
|
|
|
|||
|
|
@ -72,8 +72,6 @@
|
|||
// Page specific
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).ready(function() {
|
||||
console.log('HIPPIE');
|
||||
|
||||
// jq-sticky-anything
|
||||
$('#js_demo_fix').stickThis({
|
||||
pushup: '#js_demo_stop'
|
||||
|
|
|
|||
23
source/pages/demo/error/304.njk
Normal file
23
source/pages/demo/error/304.njk
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!-- page-error-404.njk -->
|
||||
{% set pageId = "304" %}
|
||||
{% set pageClass = "body_status" %}
|
||||
|
||||
{% extends "demo/maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body_content %}
|
||||
<main class="main_site">
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Umleitung</h3>
|
||||
<p>Unverändert <dfn>Not Modified</dfn></p>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#3xx_%E2%80%93_Umleitung">
|
||||
<p>Der Inhalt der angeforderten Ressource hat sich seit der letzten Abfrage des Clients nicht verändert und wird deshalb nicht übertragen. Zu den Einzelheiten siehe <a href="https://de.wikipedia.org/wiki/Browser-Cache#Versionsvergleich" title="Browser-Cache">Browser-Cache-Versionsvergleich</a>.</p>
|
||||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#3xx_%E2%80%93_Umleitung">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</main>
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
23
source/pages/demo/error/400.njk
Normal file
23
source/pages/demo/error/400.njk
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!-- page-error-404.njk -->
|
||||
{% set pageId = "400" %}
|
||||
{% set pageClass = "body_status" %}
|
||||
|
||||
{% extends "demo/maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body_content %}
|
||||
<main class="main_site">
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Client-Fehler</h3>
|
||||
<p>Fehlerhafte Anfrage! <dfn>Bad Request</dfn></p>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">
|
||||
<p>Die Anfrage-Nachricht war fehlerhaft aufgebaut.</p>
|
||||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</main>
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
23
source/pages/demo/error/403.njk
Normal file
23
source/pages/demo/error/403.njk
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<!-- page-error-404.njk -->
|
||||
{% set pageId = "403" %}
|
||||
{% set pageClass = "body_status" %}
|
||||
|
||||
{% extends "demo/maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body_content %}
|
||||
<main class="main_site">
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Client-Fehler</h3>
|
||||
<p>Nicht erlaubt! <dfn>Forbidden</dfn></p>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">
|
||||
<p>Die Anfrage wurde mangels Berechtigung des Clients nicht durchgeführt, bspw. weil der authentifizierte Benutzer nicht berechtigt ist, oder eine als HTTPS konfigurierte URL nur mit HTTP aufgerufen wurde.</p>
|
||||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</main>
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
|
@ -4,16 +4,14 @@
|
|||
|
||||
{% extends "demo/maintenance.njk" %}
|
||||
|
||||
{% block title %}404{% endblock %}
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<link rel="stylesheet" type="text/css" media="all" href="../../css/demo_basic.css"/>
|
||||
<!-- <link rel="stylesheet" type="text/css" media="print" href="./css/print.css"/> -->
|
||||
{% endblock %}
|
||||
|
||||
{% block body_content %}
|
||||
<main class="main_site">
|
||||
<h1>404</h1>
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Client-Fehler</h3>
|
||||
<p>Hier ist nichts. <dfn>Not Found</dfn></br>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">
|
||||
|
|
@ -21,5 +19,5 @@
|
|||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</main>
|
||||
{% include "demo/partials/footer-status.njk" %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -4,16 +4,14 @@
|
|||
|
||||
{% extends "demo/maintenance.njk" %}
|
||||
|
||||
{% block title %}500{% endblock %}
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<link rel="stylesheet" type="text/css" media="all" href="../../css/demo_basic.css"/>
|
||||
<!-- <link rel="stylesheet" type="text/css" media="print" href="./css/print.css"/> -->
|
||||
{% endblock %}
|
||||
|
||||
{% block body_content %}
|
||||
<main class="main_site">
|
||||
<h1>500</h1>
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Server-Fehler</h3>
|
||||
<p>Allgemeiner Server Fehler!!! <dfn>Internal Server Error</dfn></p>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#5xx_%E2%80%93_Server-Fehler">
|
||||
|
|
@ -21,5 +19,5 @@
|
|||
<p class="quote-author"><a class="line-link" href="https://de.wikipedia.org/wiki/HTTP-Statuscode#5xx_%E2%80%93_Server-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</main>
|
||||
{% include "demo/partials/footer-status.njk" %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -223,49 +223,6 @@
|
|||
</div>
|
||||
</article>
|
||||
</section>
|
||||
<section>
|
||||
<header class="sec_main_center header_txt">
|
||||
<h1>Autarke Seiten</h1>
|
||||
<p>Diese Elemente repräsentieren jeweils eine eigene Seite.</p>
|
||||
</header>
|
||||
<article>
|
||||
<section class="sec_main_status demo__status">
|
||||
<div class="wrap_center">
|
||||
<h1>404</h1>
|
||||
<p>Hier ist nichts.</p>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">
|
||||
<p>Die angeforderte Ressource wurde nicht gefunden. Dieser Statuscode kann ebenfalls verwendet werden, um eine Anfrage ohne näheren Grund abzuweisen. Links, welche auf solche Fehlerseiten verweisen, werden auch als Tote Links bezeichnet.</p>
|
||||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</div>
|
||||
{% include "demo/partials/footer-status.njk" %}
|
||||
</section>
|
||||
<section class="sec_main_status demo__status">
|
||||
<div class="wrap_center">
|
||||
<h1>403</h1>
|
||||
<p>Nicht erlaubt! <dfn>Forbidden</dfn></p>
|
||||
<blockquote>
|
||||
<p>Die Anfrage wurde mangels Berechtigung des Clients nicht durchgeführt, bspw. weil der authentifizierte Benutzer nicht berechtigt ist, oder eine als HTTPS konfigurierte URL nur mit HTTP aufgerufen wurde.</p>
|
||||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</div>
|
||||
{% include "demo/partials/footer-status.njk" %}
|
||||
</section>
|
||||
<section class="sec_main_status demo__status">
|
||||
<div class="wrap_center">
|
||||
<h1>400</h1>
|
||||
<p>Fehlerhafte Anfrage! <dfn>Bad Request</dfn></p>
|
||||
<blockquote>
|
||||
<p>Die Anfrage-Nachricht war fehlerhaft aufgebaut.</p>
|
||||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</div>
|
||||
{% include "demo/partials/footer-status.njk" %}
|
||||
</section>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
{% include "hippie/partials/footer.njk" %}
|
||||
{% endblock %}
|
||||
|
|
@ -278,8 +235,6 @@
|
|||
// Page specific
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).ready(function() {
|
||||
console.log('HIPPIE');
|
||||
|
||||
// jq-sticky-anything
|
||||
$('#js_demo_fix').stickThis({
|
||||
pushup: '#js_demo_stop'
|
||||
|
|
|
|||
|
|
@ -11,9 +11,6 @@
|
|||
|
||||
{% block body_content %}
|
||||
<div class="temp_layer">
|
||||
<!-- <div class="exp_overlay_btn exp_help_btn">
|
||||
<span class="span_solo">?</span>
|
||||
</div> -->
|
||||
{% include "hippie/partials/nav-page-meta.njk" %}
|
||||
</div>
|
||||
|
||||
|
|
@ -133,8 +130,8 @@
|
|||
<h1 id="textlevel">Textebene</h1>
|
||||
{# // a // em // strong // small // s // cite // q // dfn // abbr // ruby // rb // rt // rtc // rp // data // time // code // var // samp // kbd // sub // sup // i // b // u // mark // bdi // bdo // span // br // wbr // -- Edits -- // ins // del #}
|
||||
<h2>Verweise</h2>
|
||||
<p>Ein wesentlicher Bestandteil von Hypertext sind Verweise <code><a></code>. Sie dienen als Sprungmarken innerhalb des Netzwerks. Es kann grob zwischen internen und externen Verweisen unterschieden werden. <a class="a_line js_pop" href="#links">Interne Verweise</a><span class="exp_pop"><code class="code_solo">a.a_line</code></span> können Verknüpfungen innerhalb des aktuellen Dokumentes sein oder auch Funktionen aktivieren. <a class="a_line" href="http://de.wikipedia.org">Externe Verweise</a> verknüpfen Inhalte über das gesamte Netzwerk hinweg. Sie können zum Beispiel auch auf E-Mail Adressen oder Dateien zeigen. Theoretisch kann solch ein Verweis <b>Alles</b> auslösen. Anweisungen werden im <a href="https://tools.ietf.org/html/rfc1738">URL Standard</a> übergeben.</p>
|
||||
<p>Nicht nur Text kann als Verweis verwendet werden. Auch andere Elemente wie Bilder können verknüpft werden. Abhängig von ihrer Funktion und ihrem Zweck, werden Verweise unterschiedlich formatiert. <a href="#">Farbige</a> oder <a class="a_line" href="#">unterstrichene Varianten</a> sind einfache Beispiele.</p>
|
||||
<p>Ein wesentlicher Bestandteil von Hypertext sind Verweise <code><a></code>. Sie dienen als Sprungmarken innerhalb des Netzwerks. Es kann grob zwischen internen und externen Verweisen unterschieden werden. <a class="a_internal js_pop" href="#links">Interne Verweise</a><span class="exp_pop"><code class="code_solo">a.a_line</code></span> können Verknüpfungen innerhalb des aktuellen Dokumentes sein oder auch Funktionen aktivieren. <a class="a_external" href="http://de.wikipedia.org">Externe Verweise</a> verknüpfen Inhalte über das gesamte Netzwerk hinweg. Sie können zum Beispiel auch auf E-Mail Adressen oder Dateien zeigen. Theoretisch kann solch ein Verweis <b>Alles</b> auslösen. Anweisungen werden im <a href="https://tools.ietf.org/html/rfc1738">URL Standard</a> übergeben.</p>
|
||||
<p>Nicht nur Text kann als Verweis verwendet werden. Auch andere Elemente wie Bilder können verknüpft werden. Abhängig von ihrer Funktion und ihrem Zweck, werden Verweise unterschiedlich formatiert. <a class="a_internal" href="#">Farbige</a> oder <a class="a_line" href="#">unterstrichene Varianten</a> sind einfache Beispiele.</p>
|
||||
<p>Wird der Verweis innerhalb eines <code><nav></code> Elementes notiert, bekommt er die spezielle Bedeutung eines Navigationsverweises innerhalb des Dokumentes oder der Anwendung. Verweise werden dann durchaus auch wie Schaltflächen dargestellt.</p>
|
||||
<nav>
|
||||
<p><a class="a_button_text" href="#textlevel">↥</a> (Zum Anfang des Abschnitts springen) <a class="a_button_text" href="#begin">⇫</a> (Zum Anfang der Seite springen)</p>
|
||||
|
|
@ -142,7 +139,7 @@
|
|||
<nav class="nav_center_old">
|
||||
<ul>
|
||||
<li><a href="../demo.html" class="a_button">Startseite</a></li>
|
||||
<li><a href="" class="a_button">Hilfe</a></li>
|
||||
<li><a href="" class="a_button a_internal">Hilfe</a></li>
|
||||
<li><a href="" class="a_button">⌨</a></li>
|
||||
<li><a href="" class="a_button">⋯</a></li>
|
||||
</ul>
|
||||
|
|
@ -594,8 +591,6 @@
|
|||
// Page specific
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).ready(function() {
|
||||
console.log('HIPPIE');
|
||||
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -8,8 +8,6 @@
|
|||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<link rel="stylesheet" type="text/css" media="all" href="../css/demo.css"/>
|
||||
<!-- <link rel="stylesheet" type="text/css" media="print" href="./css/print.css"/> -->
|
||||
{% endblock %}
|
||||
|
||||
{% block body_content %}
|
||||
|
|
|
|||
|
|
@ -143,7 +143,6 @@
|
|||
// Page specific
|
||||
// ------------------------------------------------------------------------------
|
||||
$( document ).ready(function() {
|
||||
console.log('HIPPIE');
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -7,8 +7,6 @@
|
|||
{% block title %}Tests{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<link rel="stylesheet" type="text/css" media="all" href="../css/demo.css"/>
|
||||
<!-- <link rel="stylesheet" type="text/css" media="print" href="./css/print.css"/> -->
|
||||
<style>
|
||||
#error {
|
||||
border: 1px solid #FFFF66;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue