hippie/source/screens/demo/examples/ui/new.njk
sthag d9f7ae1ff9 feat: Change frame screens
- Move page title to template
- Remove redundant title blocks
- Base frame pages on correct template
- Base ui index on default template
2025-10-25 09:34:30 +02:00

45 lines
No EOL
939 B
Text
Executable file

---
title: New
tags:
- ui
---
{% set pageId = page.fileSlug %}
{% set bodyClass = "body_new" %}
{% extends "hippie/_app_frame.njk" %}
{% import "hippie/macros/_header.njk" as header %}
{% block body %}
{{ header.status(hippie, new) }}
<header class="area menu io">
<nav>
<ul>
<li>
<a href="" class="a_button">Func 1</a>
</li>
<li>
<a href="" class="a_button">Func 2</a>
</li>
</ul>
</nav>
</header>
<div class="area grid">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
</div>
{% endblock %}
{%- block script %}
{{ super() }}
<script>
let clock = new Clock('time');
document.addEventListener('mousemove', (event) => {
document
.getElementById('log')
.textContent = "X: " + event.pageX + ", Y: " + event.pageY;
});
</script>
{% endblock %}