feat: add placeholder and rearrange files
This commit is contained in:
parent
8eb377717a
commit
b17e16abd9
22 changed files with 90 additions and 51 deletions
|
|
@ -4,6 +4,7 @@
|
|||
{% set pageClass = "html_card" %}
|
||||
|
||||
{% extends "demo/_default.njk" %}
|
||||
{% import "hippie/macros/_placeholder.njk" as ph %}
|
||||
|
||||
{% block title %}Karte{% endblock %}
|
||||
|
||||
|
|
@ -42,12 +43,12 @@
|
|||
<div class="card_box">
|
||||
<div id="jsCardHover">
|
||||
<p>Titel<br/>and description</p>
|
||||
<h1>Prename Surname</h1>
|
||||
<h1>{{ ph.name() }}</h1>
|
||||
<p>
|
||||
<a class="card_address" href="">name@domain.tld</a><br/>
|
||||
<a class="decent" href="http://site.tld">site.tld</a>
|
||||
{{ ph.email('card_address') }}<br/>
|
||||
{{ ph.link('decent', 'site.tld') }}
|
||||
·
|
||||
<span class="decent">Street No., Postcode City</span></p>
|
||||
{{ ph.address('decent') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
@ -26,14 +26,6 @@
|
|||
"href": "pages/blank.html",
|
||||
"text": "Blank"
|
||||
},
|
||||
{
|
||||
"href": "pages/card.html",
|
||||
"text": "Card"
|
||||
},
|
||||
{
|
||||
"href": "pages/portal.html",
|
||||
"text": "Portal"
|
||||
},
|
||||
{
|
||||
"href": "pages/maintenance.html",
|
||||
"text": "Maintenance"
|
||||
|
|
@ -66,5 +58,19 @@
|
|||
"href": "pages/error/500.html",
|
||||
"text": "500"
|
||||
}
|
||||
],
|
||||
"demo": [
|
||||
{
|
||||
"href": "demo/card.html",
|
||||
"text": "Card"
|
||||
},
|
||||
{
|
||||
"href": "demo/portal.html",
|
||||
"text": "Portal"
|
||||
},
|
||||
{
|
||||
"href": "demo/songbook.html",
|
||||
"text": "Songbook"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -37,7 +37,6 @@
|
|||
</div>
|
||||
<nav>
|
||||
<ul class="list_link">
|
||||
<!-- Loops through "demoadditionallinks" array -->
|
||||
{% for link in index %}
|
||||
<li>
|
||||
<a href="{{ link.href }}">{{ link.text }}</a>
|
||||
|
|
@ -47,13 +46,20 @@
|
|||
</nav>
|
||||
<h3>Pages</h3>
|
||||
<ul class="list_link">
|
||||
<!-- Loops through "demo-links" array -->
|
||||
{% for link in pages %}
|
||||
<li>
|
||||
<a href="{{ link.href }}">{{ link.text }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<h3>Demo</h3>
|
||||
<ul class="list_link">
|
||||
{% for link in demo %}
|
||||
<li>
|
||||
<a href="{{ link.href }}">{{ link.text }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "blank" %}
|
||||
{% set pageClass = "h_full_view" %}
|
||||
|
||||
{% extends "demo/_default.njk" %}
|
||||
{% extends "hippie/_default.njk" %}
|
||||
|
||||
{% block title %}Blank{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "304" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "400" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "401" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "403" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "404" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "408" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "500" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "503" %}
|
||||
{% set bodyClass = "body_status" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}{{ pageId }}{% endblock %}
|
||||
{% block head %}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% set pageId = "blank" %}
|
||||
{% set pageClass = "h_full_view" %}
|
||||
|
||||
{% extends "demo/_maintenance.njk" %}
|
||||
{% extends "hippie/_maintenance.njk" %}
|
||||
|
||||
{% block title %}Maintenance{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
logPerf('HEAD start :: Debugging performance...', debugOn);
|
||||
</script>
|
||||
|
||||
{% include "demo/partials/_links.njk" %}
|
||||
{% include "hippie/partials/_head_links.njk" %}
|
||||
{% block links %}
|
||||
{# <link rel="stylesheet" type="text/css" media="all" href="css/demo.css"/> #}
|
||||
{# <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase | subdir(2) }}css/demo.css"/> #}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
logPerf('HEAD start :: Debugging performance...', debugOn);
|
||||
</script>
|
||||
|
||||
{% include "demo/partials/_links.njk" %}
|
||||
{% include "hippie/partials/_head_links.njk" %}
|
||||
{% block links %}
|
||||
<!--[if lte IE 9]> <script src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]-->
|
||||
<!--[if lte IE 9]> <script src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> <![endif]-->
|
||||
|
|
|
|||
|
|
@ -6,10 +6,9 @@
|
|||
|
||||
{% block head %}
|
||||
<title>
|
||||
{% block title %}{% endblock %}
|
||||
- HIPPIE</title>
|
||||
{% block title %}{% endblock %}{{ hippie.titlePostfix }}</title>
|
||||
|
||||
{% include "demo/partials/_meta.njk" %}
|
||||
{% include "hippie/partials/_head_meta.njk" %}
|
||||
{% block meta %}{% endblock %}
|
||||
|
||||
{% block links %}
|
||||
|
|
@ -1,10 +1,13 @@
|
|||
<!-- nav.main.macro -->
|
||||
{% macro main(data, active='') %}
|
||||
<nav>
|
||||
<ul>
|
||||
{% for link in data %}
|
||||
<li{%if active == link.text %} class="active_txt"{% endif %}>{%if active == link.text %}{{ link.text }}{%else%}<a href="{{ link.href }}">{{ link.text }}</a>{% endif %}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endmacro %}
|
||||
{% macro main(data, active = '') %}
|
||||
<nav>
|
||||
<ul>
|
||||
{% for link in data %}
|
||||
<li{%if active == link.text %} class="active_txt" {% endif %}>
|
||||
{%if active == link.text %}{{ link.text }}{%else%}
|
||||
<a href="{{ link.href }}">{{ link.text }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endmacro %}
|
||||
13
source/templates/hippie/macros/_placeholder.njk
Normal file
13
source/templates/hippie/macros/_placeholder.njk
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
{% macro email(class='', text='name@domain.tld') %}
|
||||
<a class="{{ class }}" href="">{{ text }}</a>
|
||||
{# {{ 'name@domain.tld' | urlize | safe }} #}
|
||||
{% endmacro %}
|
||||
{% macro link(class='', text='domain.tld', href='http://domain.internal') %}
|
||||
<a class="{{ class }}" href="{{ href }}">{{ text }}</a>
|
||||
{% endmacro %}
|
||||
{% macro name(class='', text='Prename Surname') %}
|
||||
<span class="{{ class }}">{{ text }}</span>
|
||||
{% endmacro %}
|
||||
{% macro address(class='', text='Street No., Postcode City') %}
|
||||
<span class="{{ class }}">{{ text }}</span>
|
||||
{% endmacro %}
|
||||
|
|
@ -1,13 +1,17 @@
|
|||
<!-- footer-status.macro -->
|
||||
{% macro footer(email='admin@domain.tld', app='Application', version='ver.s.ion', system='System Name', domain='domain.tld:port', type) %}
|
||||
{% macro footer(email = 'admin@domain.tld', app = 'Application', version = 'ver.s.ion', system = 'System Name', domain = 'domain.tld:port', type) %}
|
||||
|
||||
{% if not type or type == 'status' %}
|
||||
<footer class="pos_abs pin_bottom width_full">
|
||||
<address class="txt_center">Kontakt: <a class="lineLink" href="mailto:{{ email }}">{{ email }}</a> * Server: {{ app }}/{{ version }} ({{ system }}) * Domain: {{ domain }}</address>
|
||||
</footer>
|
||||
{% else %}
|
||||
<footer class="pos_abs pin_bottom width_full">
|
||||
<p>Platzhalter unten fixiert</p>
|
||||
</footer>
|
||||
{% endif %}
|
||||
{% endmacro %}
|
||||
{% if not type or type == 'status' %}
|
||||
<footer class="pos_abs pin_bottom width_full">
|
||||
<address class="txt_center">Kontakt:
|
||||
<a class="lineLink" href="mailto:{{ email }}">{{ email }}</a>
|
||||
* Server:
|
||||
{{ app }}/{{ version }}
|
||||
({{ system }}) * Domain:
|
||||
{{ domain }}</address>
|
||||
</footer>
|
||||
{% else %}
|
||||
<footer class="pos_abs pin_bottom width_full">
|
||||
<p>Platzhalter unten fixiert</p>
|
||||
</footer>
|
||||
{% endif %}
|
||||
{% endmacro %}
|
||||
7
source/templates/hippie/partials/_head_meta.njk
Normal file
7
source/templates/hippie/partials/_head_meta.njk
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<!-- meta.partial -->
|
||||
<meta name="author" content="">
|
||||
<meta name="generator" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="robots" content="noindex">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
Loading…
Add table
Add a link
Reference in a new issue