76 lines
No EOL
2.1 KiB
Text
76 lines
No EOL
2.1 KiB
Text
---
|
|
permalink: "/"
|
|
title: Index
|
|
tags:
|
|
- demoIndex
|
|
---
|
|
{% assign pageBase = hippie.pageBase -%}
|
|
{% assign pageId = page.fileSlug -%}
|
|
{% assign pageClass = "h_full_view" -%}
|
|
{% layout "hippie/full.liquid" %}
|
|
|
|
{% block body %}
|
|
<div class="wrap">
|
|
<div class="hello">
|
|
<h2>This is {{ hippie.brand | upcase }}</h2>
|
|
<p>You can start using it by replacing this file with your own index page.</p>
|
|
<p>To do this you need to create a file
|
|
<code>/index.njk</code>
|
|
inside the
|
|
<i>source/screens</i>
|
|
folder. You can also create a
|
|
<code>data.json</code>
|
|
file inside the
|
|
<i>source/templates</i>
|
|
folder as a data source for your nunjucks files.</p>
|
|
<p>For a very basic start you can make a copy of the demo page
|
|
<code>blank.njk</code>. You can find it at
|
|
<i>/source/screens/demo</i>.</p>
|
|
<p>The
|
|
<i>source/demo</i>
|
|
folder contains an overview of all HTML elements and also examples for CSS style combinations and even whole
|
|
page layouts.<br/>Follow the white rabbit.</p>
|
|
<div class="pos_rel">
|
|
<pre class="txt_tiny txt_white pos_abs pin_down pin_right"> ()()<br> (..)<br>c(")(")</pre>
|
|
<h3>Overview</h3>
|
|
</div>
|
|
<nav>
|
|
<ul class="list_link">
|
|
{% for link in collections.demoIndex %}
|
|
<li>
|
|
<a href="{{ link.page.url }}">{{ link.data.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</nav>
|
|
<h3>Page</h3>
|
|
<ul class="list_link">
|
|
{% assign pagesByTitle = collections.demoPage | sort: 'data.title' %}
|
|
|
|
{% for link in pagesByTitle %}
|
|
<li>
|
|
<a href="{{ link.page.url }}">{{ link.data.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<h3>Example</h3>
|
|
<ul class="list_link">
|
|
{% for link in collections.demoExample %}
|
|
<li>
|
|
<a href="{{ link.page.url }}">{{ link.data.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block script %}
|
|
{{ block.super -}}
|
|
{% render 'hippie/partials/log-assets', state: true -%}
|
|
{% render 'hippie/partials/log-log', msg: 'BODY :: Assets loaded, running page specific script...', arg: true -%}
|
|
<script>
|
|
// Page script
|
|
</script>
|
|
{% render 'hippie/partials/log-log' with 'Application ready... or is it?' as msg -%}
|
|
{% endblock %} |