feat: Replace index screen with liquid version
- _default.njk is now a single full.liquid - Simplify structure - Add log partials as liquid
This commit is contained in:
parent
5f8e048c84
commit
5663813ecf
8 changed files with 256 additions and 82 deletions
78
source/screens/demo/index.liquid
Normal file
78
source/screens/demo/index.liquid
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
---
|
||||
permalink: "/"
|
||||
title: Index
|
||||
tags:
|
||||
- demoIndex
|
||||
---
|
||||
{% assign pageBase = hippie.pageBase -%}
|
||||
{% assign pageId = page.fileSlug -%}
|
||||
{% assign pageClass = "h_full_view" -%}
|
||||
{%- layout "hippie/full.liquid" %}
|
||||
|
||||
{% block title %}Index{% endblock %}
|
||||
|
||||
{% 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 %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue