2024-08-11 15:15:07 +02:00
|
|
|
---
|
|
|
|
|
title: Introduction
|
|
|
|
|
tags:
|
2024-08-11 15:34:55 +02:00
|
|
|
- demoIndex
|
2024-08-11 15:15:07 +02:00
|
|
|
---
|
2024-08-06 21:15:39 +02:00
|
|
|
{% set pageBase = "../" %}
|
|
|
|
|
{% set pageId = "intro" %}
|
|
|
|
|
|
2024-08-11 12:05:18 +02:00
|
|
|
{% extends "demo/_main.njk" %}
|
2024-08-06 21:15:39 +02:00
|
|
|
|
|
|
|
|
{% block title %}Einführung{% endblock %}
|
|
|
|
|
{% block head %}
|
2025-05-18 13:08:58 +02:00
|
|
|
{{ super() }}
|
2024-08-06 21:15:39 +02:00
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
{% block main %}
|
2025-05-18 13:08:58 +02:00
|
|
|
<!-- {{ page.fileSlug }}.page -->
|
|
|
|
|
<section class="sec_main_center">
|
|
|
|
|
<header>
|
|
|
|
|
<hgroup>
|
|
|
|
|
<h1>Introduction to HIPPIE</h1>
|
|
|
|
|
<p>Hippie interweaves preeminent personal interface elements.</p>
|
|
|
|
|
</hgroup>
|
|
|
|
|
</header>
|
|
|
|
|
<article>
|
|
|
|
|
<p>…</p>
|
|
|
|
|
<p>Contact: <a id="special" href=""></a>
|
|
|
|
|
</p>
|
|
|
|
|
<p>More: <a class="general" href=""></a>, <a class="general" href=""></a>
|
|
|
|
|
</p>
|
|
|
|
|
</article>
|
|
|
|
|
</section>
|
2024-08-06 21:15:39 +02:00
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
{% block script %}
|
2025-05-18 13:08:58 +02:00
|
|
|
{{ super() }}
|
|
|
|
|
<script>
|
|
|
|
|
assetsLoaded = true;
|
|
|
|
|
logPerf('Assets loaded.', assetsLoaded);
|
|
|
|
|
// Page specific
|
|
|
|
|
// ------------------------------------------------------------------------------
|
2025-06-18 19:31:37 +02:00
|
|
|
composeMail('special', 'me', 'domain', 'tld', 'Me', 'HIPPIE')
|
|
|
|
|
composeMail('.general', 'name', 'domain', 'tld', '', '')
|
2024-08-06 21:15:39 +02:00
|
|
|
|
2025-05-18 13:08:58 +02:00
|
|
|
logPerf('Application ready... not.');
|
|
|
|
|
</script>
|
2024-08-06 21:15:39 +02:00
|
|
|
{% endblock %}
|