Next content push
- changed .gitignore for art folder - add gulp processing for art - changed nunjucks templates file structure to reflect demo files - removed file for new styles - renamed most sass variables - added sass function for space classes - great progress with content of the intro page - moved old gulp tasks to DEPRECATED.md
This commit is contained in:
Stephan
parent
48437cc4f4
commit
92d1609213
37 changed files with 664 additions and 637 deletions
28
source/templates/demo/default.njk
Normal file
28
source/templates/demo/default.njk
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<!-- template-default.njk -->
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
{% block head %}
|
||||
{% include "demo/partials/head-meta.njk" %}
|
||||
|
||||
<link rel="icon" href="./favicon.ico" type="image/vnd.microsoft.icon">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
|
||||
|
||||
{% endblock %}
|
||||
</head>
|
||||
|
||||
<body id="{{ pageId }}" class="{{ pageClass }}">
|
||||
{% block body_content %}{% endblock %}
|
||||
|
||||
{% block script %}
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
||||
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
||||
crossorigin="anonymous"></script>
|
||||
{# <script src="bower_components/jquery/dist/jquery.js"></script> #}
|
||||
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
47
source/templates/demo/extended.njk
Normal file
47
source/templates/demo/extended.njk
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!-- template-extended.njk -->
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
{% block head %}
|
||||
{% include "demo/partials/head-meta.njk" %}
|
||||
|
||||
<!--[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]-->
|
||||
<!--Local alternative: <script src="./code/html5shiv.min.js"></script>-->
|
||||
<!--Only use one of the above!-->
|
||||
|
||||
<link rel="icon" href="./favicon.ico" type="image/vnd.microsoft.icon">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
|
||||
|
||||
<!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'> -->
|
||||
<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 %}
|
||||
</head>
|
||||
|
||||
<body id="{{ pageId }}" class="{{ pageClass }}">
|
||||
{% include "hippie/partials/page-hover.njk" %}
|
||||
<div id="root">
|
||||
<header id="js_head" class="header_site">
|
||||
{% block body_header %}
|
||||
<!-- super stuff -->
|
||||
{% endblock %}
|
||||
</header>
|
||||
<main class="main_site">
|
||||
{% block body_content %}{% endblock %}
|
||||
</main>
|
||||
</div>
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
||||
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
||||
crossorigin="anonymous"></script>
|
||||
{# <script src="bower_components/jquery/dist/jquery.js"></script> #}
|
||||
{% block script %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
18
source/templates/demo/macros/nav-macro.njk
Normal file
18
source/templates/demo/macros/nav-macro.njk
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
{% set item = [['one', 'filename'], ['two', 'filename']] %}
|
||||
{% macro active(activePage='') %}<!-- nav.macro -->
|
||||
<nav class="nav_site">
|
||||
<span id="js_nav_tog" class="nav_site_toggle"><img src="./art/more.svg" width="22" height="22"/></span>
|
||||
<ul class="nav_site_main">
|
||||
{% for a, b in item -%}
|
||||
<li{%if activePage == a %} class="active_txt"{% endif %}>{%if activePage == a %}{{ a }}{%else%}<a href="{{ b }}.html">{{ a }}</a>{% endif %}</li>
|
||||
{% endfor -%}
|
||||
</ul>
|
||||
<ul class="nav_site_add">
|
||||
<li><a href="dummy.html"><img src="./art/search.svg" width="22" height="22"/></a></li>
|
||||
<li><img src="./art/cart.svg" width="22" height="22"/></li>
|
||||
</ul>
|
||||
</nav>
|
||||
{%- endmacro %}
|
||||
{% macro top() %}<!-- top.macro -->
|
||||
<div id="js_top" class="overlay_btn hidden"><span class="span_solo"><img src="./art/top.svg" width="44" height="44"/></span></div>
|
||||
{%- endmacro %}
|
||||
19
source/templates/demo/maintenance.njk
Normal file
19
source/templates/demo/maintenance.njk
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<!-- template-maintenance.njk -->
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
{% block head %}
|
||||
{% include "demo/partials/head-meta.njk" %}
|
||||
|
||||
<link rel="icon" href="./favicon.ico" type="image/vnd.microsoft.icon">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
|
||||
|
||||
{% endblock %}
|
||||
</head>
|
||||
|
||||
<body id="{{ pageId }}" class="{{ pageClass }}">
|
||||
{% block body_content %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
4
source/templates/demo/partials/footer-status.njk
Normal file
4
source/templates/demo/partials/footer-status.njk
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<!-- footer-status.partial -->
|
||||
<footer class="pos_abs pin_bottom width_full">
|
||||
<address class="txt_center"><a class="lineLink" href="mailto:admin@domain.tld">admin@domain.tld</a> * Server Application/ver.s.ion (System Name) serving domain.tld:port</address>
|
||||
</footer>
|
||||
10
source/templates/demo/partials/head-meta.njk
Normal file
10
source/templates/demo/partials/head-meta.njk
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<!-- head-meta.partial -->
|
||||
<title>{% block title %}{% endblock %} - HIPPIE</title>
|
||||
|
||||
<meta name="author" content="Interaktionsweise">
|
||||
<meta name="description" content="hippie">
|
||||
<meta name="generator" content="Notepad++, Atom">
|
||||
<meta name="robots" content="noindex">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
|
||||
Loading…
Add table
Add a link
Reference in a new issue