hippie/source/screens/demo/examples/ui/settings.njk

---
title: Settings
tags:
  - ui
---
{% set pageId = page.fileSlug %}
{% set pageClass = "h_full_view" %}
{% set bodyClass = "body_ui" %}

{% extends "demo/_app.njk" %}

{% block title %}{{ title }}
{% endblock %}

{% block links %}
  {{ super() }}
  <link href="{{ pageBase }}css/ui.css" media="all" rel="stylesheet"/>
{% endblock %}

{% block head %}
  {{ super() }}
{% endblock %}

{% block body %}
<div id="frame" class="frame-flex">
  <div class="title-bar">
    <div>title-bar<button class="button_io">menu</button class="button_io"><button class="button_io">search</button class="button_io"></div>
    <div><button class="button_io">minimize</button class="button_io"><button class="button_io">maximize</button class="button_io"><button class="button_io">close</button class="button_io"></div>
  </div>
  <main>
    <aside class="left">aside
    <nav>
      <ul>
        <li>setting</li>
        <li>setting</li>
      </ul>
    </nav>
    </aside>
    <section class="bside">section</section>
  </main>
</div>
{% endblock %}

{%- block script %}
  {{ super() }}
  <script src="{{ pageBase }}js/app.js"></script>
  <script>
  </script>
{% endblock %}