feat: restructure screens, new todos
- Move files and folders - Rename pages - New todos
This commit is contained in:
parent
31bbee51ea
commit
268202f33d
20 changed files with 145 additions and 95 deletions
16
source/screens/pages/blank.njk
Normal file
16
source/screens/pages/blank.njk
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<!-- blank.page -->
|
||||
{% set pageBase = "../" %}
|
||||
{% set pageId = "blank" %}
|
||||
{% set pageClass = "h_full_view" %}
|
||||
|
||||
{% extends "demo/_default.njk" %}
|
||||
|
||||
{% block title %}Blank{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
{% endblock %}
|
||||
109
source/screens/pages/card.njk
Normal file
109
source/screens/pages/card.njk
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
<!-- card.page -->
|
||||
{% set pageBase = "../" %}
|
||||
{% set pageId = "card" %}
|
||||
{% set pageClass = "html_card" %}
|
||||
|
||||
{% extends "demo/_default.njk" %}
|
||||
|
||||
{% block title %}Karte{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="card_bkg">
|
||||
<div id="dither"></div>
|
||||
<svg version="1.1" id="flag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewbox="0 0 1920 1200" preserveaspectratio="xMinYMax slice">
|
||||
{# <defs>
|
||||
<filter id="turb3">
|
||||
<feColorMatrix type="saturate" values="1" />
|
||||
<feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="2"/>
|
||||
</filter>
|
||||
<symbol id="triangle-5">
|
||||
<rect y="0" fill="#273F8B" width="1920" height="1200"/>
|
||||
</symbol>
|
||||
</defs>
|
||||
<g>
|
||||
<use xlink:href="#triangle-5" style="filter: url(#turb3);" />
|
||||
</g> #}
|
||||
<rect id="triangle-5" y="0" fill="#273F8B" width="1920" height="1200"/>
|
||||
<polygon id="triangle-6" fill="#8E1F68" points="0,1200 1920,458.25 1920,1200 "/>
|
||||
<polygon id="triangle-7" fill="#D30A51" points="0,1200 1920,522.75 1920,1200 "/>
|
||||
<polygon id="triangle-8" fill="#F2AF13" points="0,1200 1920,741.75 1920,1200 "/>
|
||||
<polygon id="triangle-9" fill="#FAD803" points="0,1200 1920,787.5 1920,1200 "/>
|
||||
<polygon id="triangle-4" fill="#3C579A" points="0,1200 0,0 733.5,0 "/>
|
||||
<polygon id="triangle-3" fill="#B7E0F0" points="0,1200 0,0 688.5,0 "/>
|
||||
<polygon id="triangle-2" fill="#6BC7D9" points="0,1200 0,0 453,0 "/>
|
||||
<polygon id="triangle-1" fill="#52BED1" points="0,1200 0,0 370.5,0 "/>
|
||||
</svg>
|
||||
{# <img id="dither" src="art/flag_dither.png" width="1920" height="1200" alt="Background flag dithered"/> #}
|
||||
</div>
|
||||
<div class="card_box">
|
||||
<div id="jsCardHover">
|
||||
<p>Titel<br/>and description</p>
|
||||
<h1>Prename Surname</h1>
|
||||
<p>
|
||||
<a class="card_address" href="">name@domain.tld</a><br/>
|
||||
<a class="decent" href="http://site.tld">site.tld</a>
|
||||
·
|
||||
<span class="decent">Street No., Postcode City</span></p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block script %}
|
||||
{{ super() }}
|
||||
{# <script src="{{ pageBase }}js/{{hippie.jsFile}}.min.js" type="text/javascript"></script> #}
|
||||
<!-- build:js js/main.concat.min.js -->
|
||||
<script src="{{ pageBase }}js/variables.js"></script>
|
||||
<script src="{{ pageBase }}js/functions.js"></script>
|
||||
<script src="{{ pageBase }}js/global.js"></script>
|
||||
<!-- endbuild -->
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
// composeMail('.card_address', 'neues', 'interaktionsweise', 'de', '', '');
|
||||
|
||||
var colors = new Array();
|
||||
var position = 0;
|
||||
|
||||
for (var i = 1; i <= $("#flag").children().length; i++) {
|
||||
colors.push($("#triangle-" + i).attr("fill"));
|
||||
}
|
||||
|
||||
$('#jsCardHover').on({
|
||||
mouseenter: function () {
|
||||
// $('#flag').addClass('effect');
|
||||
// $('#flag').css('opacity', 0);
|
||||
$('#flag')
|
||||
.stop()
|
||||
.fadeOut(10000);
|
||||
this.iid = setInterval(function () {
|
||||
for (var i = 1; i <= colors.length; i++) {
|
||||
position++;
|
||||
if (position >= colors.length) {
|
||||
position = 0;
|
||||
}
|
||||
$("#triangle-" + i).attr("fill", colors[position]);
|
||||
}
|
||||
position++;
|
||||
if (position >= colors.length) {
|
||||
position = 0;
|
||||
}
|
||||
}, 600);
|
||||
},
|
||||
mouseleave: function () {
|
||||
// $('#flag').removeClass('effect');
|
||||
// $('#flag').css('opacity', 1);
|
||||
$('#flag')
|
||||
.stop()
|
||||
.fadeIn(1000);
|
||||
this.iid && clearInterval(this.iid);
|
||||
},
|
||||
click: function () {
|
||||
$("#dither").toggle();
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
24
source/screens/pages/error/304.njk
Normal file
24
source/screens/pages/error/304.njk
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!-- error-404.page -->
|
||||
{% set pageBase = "../../" %}
|
||||
{% set pageId = "304" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<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 %}
|
||||
24
source/screens/pages/error/400.njk
Normal file
24
source/screens/pages/error/400.njk
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!-- error-404.page -->
|
||||
{% set pageBase = "../../" %}
|
||||
{% set pageId = "400" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<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 %}
|
||||
24
source/screens/pages/error/401.njk
Normal file
24
source/screens/pages/error/401.njk
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!-- error-404.page -->
|
||||
{% set pageBase = "../../" %}
|
||||
{% set pageId = "401" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<main class="main_site">
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Client-Fehler</h3>
|
||||
<p>Nicht autorisiert! <dfn>Unauthorized</dfn></p>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">
|
||||
<p>Die Anfrage kann nicht ohne gültige Authentifizierung durchgeführt werden. Wie die Authentifizierung durchgeführt werden soll, wird im „WWW-Authenticate“-Header-Feld der Antwort übermittelt.</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 %}
|
||||
24
source/screens/pages/error/403.njk
Normal file
24
source/screens/pages/error/403.njk
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!-- error-404.page -->
|
||||
{% set pageBase = "../../" %}
|
||||
{% set pageId = "403" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<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 %}
|
||||
24
source/screens/pages/error/404.njk
Normal file
24
source/screens/pages/error/404.njk
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!-- error-404.page -->
|
||||
{% set pageBase = "../../" %}
|
||||
{% set pageId = "404" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<main class="main_site">
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Client-Fehler</h3>
|
||||
<p>Hier ist nichts. <dfn>Not Found</dfn></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>
|
||||
</main>
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
24
source/screens/pages/error/408.njk
Normal file
24
source/screens/pages/error/408.njk
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!-- error-404.page -->
|
||||
{% set pageBase = "../../" %}
|
||||
{% set pageId = "408" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<main class="main_site">
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Client-Fehler</h3>
|
||||
<p>Zeitüberschreitung der Anforderung. <dfn>Request Timeout</dfn></p>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#4xx_.E2.80.93_Client-Fehler">
|
||||
<p>Innerhalb der vom Server erlaubten Zeitspanne wurde keine vollständige Anfrage des Clients empfangen.</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 %}
|
||||
24
source/screens/pages/error/500.njk
Normal file
24
source/screens/pages/error/500.njk
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!-- error-500.page -->
|
||||
{% set pageBase = "../../" %}
|
||||
{% set pageId = "500" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<main class="main_site">
|
||||
<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">
|
||||
<p>Dies ist ein „Sammel-Statuscode“ für unerwartete Serverfehler.</p>
|
||||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#5xx_%E2%80%93_Server-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</main>
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
24
source/screens/pages/error/503.njk
Normal file
24
source/screens/pages/error/503.njk
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!-- error-503.page -->
|
||||
{% set pageBase = "../../" %}
|
||||
{% set pageId = "503" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<main class="main_site">
|
||||
<h1>{{ pageId }}</h1>
|
||||
<h3>Server-Fehler</h3>
|
||||
<p>Dienst nicht verfügbar. <dfn>Service Unavailable</dfn></p>
|
||||
<blockquote cite="https://de.wikipedia.org/wiki/HTTP-Statuscode#5xx_%E2%80%93_Server-Fehler">
|
||||
<p>Der Server steht temporär nicht zur Verfügung, zum Beispiel wegen Überlastung oder Wartungsarbeiten. Ein „Retry-After“-Header-Feld in der Antwort kann den Client auf einen Zeitpunkt hinweisen, zu dem die Anfrage eventuell bearbeitet werden könnte.</p>
|
||||
<p class="quote_source"><a href="https://de.wikipedia.org/wiki/HTTP-Statuscode#5xx_%E2%80%93_Server-Fehler">Wikipedia</a></p>
|
||||
</blockquote>
|
||||
</main>
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
18
source/screens/pages/maintenance.njk
Normal file
18
source/screens/pages/maintenance.njk
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!-- maintenance.page -->
|
||||
{% set pageBase = "../" %}
|
||||
{% set pageId = "blank" %}
|
||||
{% set pageClass = "h_full_view" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
|
||||
{% block title %}Maintenance{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<div id="root" class="overflow">
|
||||
<h1 class="txt_hero txt_center txt_gradient">HIPPIE</h1>
|
||||
</div>
|
||||
{% endblock %}
|
||||
37
source/screens/pages/portal.njk
Normal file
37
source/screens/pages/portal.njk
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<!-- portal.page -->
|
||||
{% set pageBase = "../" %}
|
||||
{% set pageId = "index" %}
|
||||
{% set bodyClass = "body_portal" %}
|
||||
|
||||
{% extends "demo/_default.njk" %}
|
||||
|
||||
{% import "demo/macros/_gates.njk" as gate %}
|
||||
|
||||
{% block title %}Portal{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="portal">
|
||||
{{ gate.list(
|
||||
'Tor mit Symbol und Liste',
|
||||
'../demo', {
|
||||
src: '/art/demo/flag_websafe_128x80.gif',
|
||||
alt: 'Flag of Interaktionsweise'
|
||||
}, [
|
||||
{
|
||||
name: '1',
|
||||
href: 'http://domain.tld',
|
||||
img: '../art/bullet.gif'
|
||||
}, {
|
||||
name: 'Zwei',
|
||||
href: 'http://domain.tld',
|
||||
img: '../art/bullet.gif'
|
||||
}
|
||||
]
|
||||
) }}
|
||||
{{ gate.simple('Tor', '../demo') }}
|
||||
</div>
|
||||
{% endblock %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue