interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: Remove pageBase from liquid templates

Browse source 
- Remove pageBase global from all liquid templates
- Change " to ' for all liquid tags
This commit is contained in:
sthag 2026-02-21 12:58:31 +01:00
parent d64bf61a9c
commit 2d3c049d40
38 changed files with 86 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

9
source/screens/demo/basics.liquid
View file

@ -3,8 +3,7 @@ title: Basics
tags:
- demoIndex
---
{% assign pageBase = "../" -%}
{% layout "hippie/page.liquid" %}
{% layout 'hippie/page.liquid' %}
{% block title %}Grundlagen{% endblock %}
@ -278,7 +277,7 @@ tags:
<nav class="nav_center_old">
<ul>
<li>
<a href="{{ pageBase }}demo.html" class="a_button">Startseite</a>
<a href="/demo/examples/start.html" class="a_button">Startseite</a>
</li>
<li>
<a href="" class="a_button a_internal">Hilfe</a>
@ -580,7 +579,7 @@ tags:
</article>
<article>
<h1 id="embedded">Eingebundene Inhalte</h1>
{% render "hippie/partials/placeholder-flag.liquid", type: "img", width: "128", desc: "Fahne von Interaktionsweise" %}
{% render 'hippie/partials/placeholder-flag.liquid', type: 'img', width: '128', desc: 'Fahne von Interaktionsweise' %}
<p>Dies ist ein Bild. Es wird mit dem Element
<code>&lt;img&gt;</code>
eingebunden. Solch ein Bild hat üblicherweise die Attribute
@ -599,7 +598,7 @@ tags:
und
<code>&lt;picture&gt;</code>
in Kombination verwendet werden.</p>
{% render "hippie/partials/placeholder-flag.liquid", type: "img", src: "file", width: "128", desc: "Fahne von Interaktionsweise" %}
{% render 'hippie/partials/placeholder-flag.liquid', type: 'img', src: 'file', width: '128', desc: 'Fahne von Interaktionsweise' %}
</article>
<article>
<h1>Tabellen</h1>

4
source/screens/demo/components.liquid
View file

@ -3,7 +3,7 @@ title: Components
tags:
- demoIndex
---
{% layout "hippie/page.liquid" %}
{% layout 'hippie/page.liquid' %}
{% block title %}Komponenten{% endblock %}
@ -93,7 +93,7 @@ tags:
<p>Bekommt üblicherweise Klassen zur Positionierung und der Abmessungen zugewiesen.</p>
<footer>Fußbereich</footer>
<div style="position:relative;height:256px;background-color:#b7e0f0;">
{% render "hippie/partials/footer-pinned.liquid" %}
{% render 'hippie/partials/footer-pinned.liquid' %}
</div>
</article>
<article>

2
source/screens/demo/examples/10print.liquid
View file

@ -3,7 +3,7 @@ title: 10print
tags:
- demoExample
---
{% layout "hippie/simple.liquid" %}
{% layout 'hippie/simple.liquid' %}
{% block head %}
{{ block.super -}}

4
source/screens/demo/examples/clock.liquid
View file

@ -3,8 +3,8 @@ title: Clock
tags:
- demoExample
---
{% assign bodyClass = "body_clock" -%}
{% layout "hippie/simple.liquid" %}
{% assign bodyClass = 'body_clock' -%}
{% layout 'hippie/simple.liquid' %}
{% block body %}
<main>

4
source/screens/demo/examples/game.liquid
View file

@ -4,8 +4,8 @@ tags:
- demoExample
- gameExample
---
{% assign bodyClass = "body_game" -%}
{% layout "hippie/simple.liquid" %}
{% assign bodyClass = 'body_game' -%}
{% layout 'hippie/simple.liquid' %}
{% block body %}
<div class="sec_main_center">

5
source/screens/demo/examples/start.liquid
View file

@ -3,10 +3,9 @@ title: Start
tags:
- demoExample
---
{% assign pageBase = "../../" -%}
{% assign pageId = page.fileSlug -%}
{% assign bodyClass = "body_start" -%}
{% layout "hippie/simple.liquid" %}
{% assign bodyClass = 'body_start' -%}
{% layout 'hippie/simple.liquid' %}
{% block body %}
<main>

4
source/screens/demo/examples/ui/cli.liquid
View file

@ -3,8 +3,8 @@ title: CLI
tags:
- ui
---
{% assign bodyClass = "body_cli" -%}
{% layout "hippie/app.liquid" %}
{% assign bodyClass = 'body_cli' -%}
{% layout 'hippie/app.liquid' %}
{% block body %}
<div id="cli">

6
source/screens/demo/examples/ui/drag.liquid
View file

@ -3,7 +3,7 @@ title: Drag
tags:
- ui
---
{% layout "hippie/app.liquid" %}
{% layout 'hippie/app.liquid' %}
{% block body %}
<header class="io pos_fix pin_top pin_right pin_left">
@ -22,8 +22,8 @@ tags:
{% endblock %}
{%- block script %}
<script src="{{ pageBase }}js/app.js"></script>
<script src="{{ pageBase }}js/drag.js"></script>
<script src="/js/app.js"></script>
<script src="/js/drag.js"></script>
<script>
// Get the space element
const space = document.getElementById('space');

4
source/screens/demo/examples/ui/explorer.liquid
View file

@ -3,8 +3,8 @@ title: Explorer
tags:
- ui
---
{% assign bodyClass = "body_frame" -%}
{% layout "hippie/app.liquid" %}
{% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %}
{% block body %}
{% render 'hippie/partials/frame-header.liquid' %}

4
source/screens/demo/examples/ui/form.liquid
View file

@ -3,8 +3,8 @@ title: Form
tags:
- ui
---
{% assign bodyClass = "body_frame" -%}
{% layout "hippie/app.liquid" %}
{% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %}
{% block body %}
{% render 'hippie/partials/frame-header.liquid' %}

4
source/screens/demo/examples/ui/gallery.liquid
View file

@ -3,8 +3,8 @@ title: Gallery
tags:
- ui
---
{% assign bodyClass = "body_frame" -%}
{% layout "hippie/app.liquid" %}
{% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %}
{% block body %}
{% render 'hippie/partials/frame-header.liquid' %}

2
source/screens/demo/examples/ui/index.liquid
View file

@ -4,7 +4,7 @@ tags:
- demoExample
- index
---
{% layout "hippie/simple.liquid" %}
{% layout 'hippie/simple.liquid' %}
{% block title %}{{ title }}{% endblock %}

4
source/screens/demo/examples/ui/table.liquid
View file

@ -3,8 +3,8 @@ title: Table
tags:
- ui
---
{% assign bodyClass = "body_frame" -%}
{% layout "hippie/app.liquid" %}
{% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %}
{% block body %}
{% render 'hippie/partials/frame-header.liquid' %}

4
source/screens/demo/examples/ui/tile.liquid
View file

@ -3,8 +3,8 @@ title: Tile
tags:
- ui
---
{% assign bodyClass = "body_new" -%}
{% layout "hippie/app.liquid" %}
{% assign bodyClass = 'body_new' -%}
{% layout 'hippie/app.liquid' %}
{% block body %}
{% render 'hippie/partials/header-status', hippie: hippie, links: start %}

4
source/screens/demo/examples/ui/tui.liquid
View file

@ -3,8 +3,8 @@ title: TUI
tags:
- ui
---
{% assign bodyClass = "body_frame" -%}
{% layout "hippie/app.liquid" %}
{% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %}
{% block body %}
{% render 'hippie/partials/frame-header.liquid' %}

10
source/screens/demo/examples/ui/windows.liquid
View file

@ -3,8 +3,8 @@ title: Windows
tags:
- ui
---
{% assign bodyClass = "body_frame" -%}
{% layout "hippie/app.liquid" %}
{% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %}
{% block body %}
<div id="task-bar">
@ -50,10 +50,10 @@ tags:
{% endblock %}
{%- block script %}
{% comment %}<script src="{{ pageBase }}js/globals.js"></script>{% endcomment %}
{% comment %}<script src="/js/globals.js"></script>{% endcomment %}
<script src="/vendor/hippie-script.js"></script>
<script src="{{ pageBase }}js/app.js"></script>
<script src="{{ pageBase }}js/windows.js"></script>
<script src="/js/app.js"></script>
<script src="/js/windows.js"></script>
<script>
console.log(HIPPIE.brand);
// Get the space element

5
source/screens/demo/index.liquid
View file

@ -4,10 +4,9 @@ title: Index
tags:
- demoIndex
---
{% assign pageBase = hippie.pageBase -%}
{% assign pageId = page.fileSlug -%}
{% assign pageClass = "h_full_view" -%}
{% layout "hippie/full.liquid" %}
{% assign pageClass = 'h_full_view' -%}
{% layout 'hippie/full.liquid' %}
{% block body %}
<div class="wrap">

2
source/screens/demo/introduction.liquid
View file

@ -3,7 +3,7 @@ title: Introduction
tags:
- demoIndex
---
{% layout "hippie/page.liquid" %}
{% layout 'hippie/page.liquid' %}
{% block title %}Einführung{% endblock %}

2
source/screens/demo/layouts.liquid
View file

@ -3,7 +3,7 @@ title: Layouts
tags:
- demoIndex
---
{% layout "hippie/page.liquid" %}
{% layout 'hippie/page.liquid' %}
{% block title %}Gestaltungen{% endblock %}

7
source/screens/demo/pages/blank.liquid
View file

@ -1,10 +1,5 @@
---
title: Blank
---
{% assign pageBase = "../../" -%}
{% assign pageId = page.fileSlug -%}
{% layout "hippie/simple.liquid" %}
{% block body %}
<!-- {{ title }} -->
{% endblock %}
{% layout 'hippie/simple.liquid' %}

14
source/screens/demo/pages/default.liquid
View file

@ -1,17 +1,13 @@
---
title: Default
---
{% assign pageBase = "../" -%}
{% assign pageId = page.fileSlug -%}
{% assign pageClass = "default" -%}
{% assign bodyClass = "default" -%}
{% layout "hippie/default.liquid" %}
{% assign pageClass = 'default' -%}
{% assign bodyClass = 'default' -%}
{% layout 'hippie/default.liquid' %}
{% block title %}{{ title }}{% endblock %}
{% block script %}
<script>
// Page script
console.log("pageBase is: {{ pageBase }}");
</script>
{% block body %}
<!-- {{ title }} body -->
{% endblock %}

5
source/screens/demo/pages/error/304.liquid
View file

@ -1,9 +1,8 @@
---
title: 304
---
{% assign pageBase = "../../../" -%}
{% assign bodyClass = "body_status" %}
{% layout "hippie/status.liquid" %}
{% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %}
{% block main %}
{{ block.super -}}

5
source/screens/demo/pages/error/400.liquid
View file

@ -1,9 +1,8 @@
---
title: 400
---
{% assign pageBase = "../../../" -%}
{% assign bodyClass = "body_status" %}
{% layout "hippie/status.liquid" %}
{% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %}
{% block main %}
{{ block.super -}}

5
source/screens/demo/pages/error/401.liquid
View file

@ -1,9 +1,8 @@
---
title: 401
---
{% assign pageBase = "../../../" -%}
{% assign bodyClass = "body_status" %}
{% layout "hippie/status.liquid" %}
{% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %}
{% block main %}
{{ block.super -}}

5
source/screens/demo/pages/error/403.liquid
View file

@ -1,9 +1,8 @@
---
title: 403
---
{% assign pageBase = "../../../" -%}
{% assign bodyClass = "body_status" %}
{% layout "hippie/status.liquid" %}
{% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %}
{% block main %}
{{ block.super -}}

5
source/screens/demo/pages/error/404.liquid
View file

@ -1,9 +1,8 @@
---
title: 404
---
{% assign pageBase = "../../../" -%}
{% assign bodyClass = "body_status" %}
{% layout "hippie/status.liquid" %}
{% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %}
{% block main %}
{{ block.super -}}

5
source/screens/demo/pages/error/408.liquid
View file

@ -1,9 +1,8 @@
---
title: 408
---
{% assign pageBase = "../../../" -%}
{% assign bodyClass = "body_status" %}
{% layout "hippie/status.liquid" %}
{% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %}
{% block main %}
{{ block.super -}}

5
source/screens/demo/pages/error/500.liquid
View file

@ -1,9 +1,8 @@
---
title: 500
---
{% assign pageBase = "../../../" -%}
{% assign bodyClass = "body_status" %}
{% layout "hippie/status.liquid" %}
{% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %}
{% block main %}
{{ block.super -}}

5
source/screens/demo/pages/error/503.liquid
View file

@ -1,9 +1,8 @@
---
title: 503
---
{% assign pageBase = "../../../" -%}
{% assign bodyClass = "body_status" %}
{% layout "hippie/status.liquid" %}
{% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %}
{% block main %}
{{ block.super -}}

5
source/screens/demo/pages/maintenance.liquid
View file

@ -1,9 +1,8 @@
---
title: Maintenance
---
{% assign pageBase = "../../" -%}
{% assign pageClass = "h_full_view" -%}
{% layout "hippie/status.liquid" %}
{% assign pageClass = 'h_full_view' -%}
{% layout 'hippie/status.liquid' %}
{% block body %}
<hgroup id="root" class="txt_center">

5
source/templates/hippie/app.liquid
View file

@ -1,7 +1,6 @@
{% assign pageBase = "../../../" -%}
{% assign pageId = page.fileSlug -%}
{% assign pageClass = "html_ui" -%}
{% layout "hippie/default.liquid" %}
{% assign pageClass = 'html_ui' -%}
{% layout 'hippie/default.liquid' %}
{% block title %}{{ title }}{% endblock %}

6
source/templates/hippie/default.liquid
View file

@ -18,10 +18,10 @@
{{ hippie.titlePostfix -}}
</title>
{% block meta -%}
{% render "hippie/partials/meta.liquid" %}
{% render 'hippie/partials/meta.liquid' %}
{% endblock -%}
{% block links -%}
{% render "hippie/partials/links.liquid" %}
{% render 'hippie/partials/links.liquid' %}
{% endblock -%}
{% endblock -%}
</head>
@ -29,7 +29,7 @@
<body{{ bodyClassAttr }}>
{%- block body %}{% endblock -%}
<script>
// Default script
// {{ title }} script
</script>
{%- block script %}{% endblock -%}
</body>

14
source/templates/hippie/full.liquid
View file

@ -18,19 +18,17 @@
{{ hippie.titlePostfix -}}
</title>
{% block meta -%}
{% render "hippie/partials/meta.liquid", author: "Interaktionsweise", desc: "Hippie interweaves preeminent personal interface elements" %}
{% render 'hippie/partials/meta.liquid', author: 'Interaktionsweise', desc: 'Hippie interweaves preeminent personal interface elements' %}
{% comment %}<base href="/">{% endcomment %}
{% endblock -%}
{% render "hippie/partials/script-log.liquid" %}
{% render "hippie/partials/log-setup", hippie: hippie, state: true -%}
{% render "hippie/partials/log-start" -%}
{% render 'hippie/partials/script-log.liquid' %}
{% render 'hippie/partials/log-setup', hippie: hippie, state: true -%}
{% render 'hippie/partials/log-start' -%}
{% block links -%}
{% render "hippie/partials/links.liquid" %}
{% comment %}<link rel="stylesheet" type="text/css" media="all" href="css/demo.css"/>{% endcomment %}
{% comment %}<link rel="stylesheet" type="text/css" media="all" href="{{ pageBase | subdir(2) }}css/demo.css"/>{% endcomment %}
{% render 'hippie/partials/links.liquid' %}
<link rel="stylesheet" media="all" href="/css/demo.css" type="text/css"/>
{% endblock -%}
{% render "hippie/partials/log-log" with "HEAD end :: Links parsed, starting to load." as msg -%}
{% render 'hippie/partials/log-log' with 'HEAD end :: Links parsed, starting to load.' as msg -%}
{% endblock -%}
</head>

8
source/templates/hippie/page.liquid
View file

@ -1,5 +1,5 @@
{% assign pageId = page.fileSlug -%}
{% layout "hippie/full.liquid" %}
{% layout 'hippie/full.liquid' %}
{% block meta %}
{{ block.super -}}
@ -22,15 +22,15 @@
{% block body %}
{{ block.super -}}
{% render "hippie/partials/nav-page.liquid" %}
{% render 'hippie/partials/nav-page.liquid' %}
<div id="root">
{% render "hippie/partials/header-page.liquid" %}
{% render 'hippie/partials/header-page.liquid' %}
<main class="main_site">
{% block main %}{% endblock %}
</main>
{% render "hippie/partials/footer-page.liquid" %}
{% render 'hippie/partials/footer-page.liquid' %}
</div>
{% endblock %}

2
source/templates/hippie/partials/links.liquid
View file

@ -1,3 +1,3 @@
{% comment %}<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon">{% endcomment %}
<link rel="shortcut icon" type="image/x-icon" href="{{ pageBase }}favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEACABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEAAAIBAQCbjUIABQQCAGdfKgDcxYUAiXpGABkWCgDXxnEApmxRAMGZawAIBwMArZ5PAKFydQBmIZIAoGJFAIx+QwBSSyIA1biBADlx0gBNn+0AgztQAMimcQAMCwQADAsFANS/dAB7P3EAeuH7ANb4/gBQPLwAp2pNAI6CQwCilEwAr3hdADyH5ADw/f8A////AHTU+AB6M2YA0LN4ABMRBwA/OhsAyKR2AGYvjQCf7PwA7fz/AENy2gCrclkAk4ZDAAYFAgDNtXEAjkhHAEul7QD8//8AlOn8AGk1hwDWvXsAGBYJAJaHSgCnbE4AVy6rAML0/gD7/v8AQ6vuAKx1YwCZjEQALCgTALyOZwB+NVoAZ8D0AL30/QBLULMA2sV+AB4bCwDFpm0Ak087AFArvgBv4PoAjOf7AIzm+wCN4/sAjuH7AI7h+gCP3fkAOI/sAKVvcwCfkUQAfnM6ANO2hAC3iGkAk150AI9OcACKRmkAhj9kAH84YQB9NWEAfTRgAH0zYAB6MWYAei9lAItFUADdy3wAKCQPAFtTJQB2bDIAhXk5AJKGPwCbjkQAq5xOALepWwDEtGcAzLlwAMyzcgDKrXIAx6NwALyNZgDWu4IApJZHAAcGAwANDAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB3eGhpamtsbW5vcHFycwt0dXZYWVpbXF1eX2BhYmNkZWZnAktMTU5PUFFRUlNUVVZXAABDREVGJSUlJSUlR0hJSgAAADs8PT4lJSUlP0BBQgAAAAAyMzQ1NiUlJTc4OToAAAAAACorLC0lJS4vMDEAAAAAAAAAISIjJCUmJygpAAAAAAAAABkaGxwdHh8gAAAAAAAAAAAAEhMUFRYXGAAAAAAAAAAAAAANDg8QEQAAAAAAAAAAAAAACAkKCwwAAAAAAAAAAAAAAAAFBgcAAAAAAAAAAAAAAAAAAgMEAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=">

4
source/templates/hippie/partials/nav-page.liquid
View file

@ -4,7 +4,7 @@
<li class="js_scrolltop di_none">
<a href="#begin" class="a_button_meta">
<div class="sprite_img demo__sprite_up"></div>
{% comment %}<img src="{{ pageBase }}art/up.png" alt="" width="32" height="64">{% endcomment %}
{% comment %}<img src="/art/up.png" alt="" width="32" height="64">{% endcomment %}
</a>
</li>
<li>
@ -22,7 +22,7 @@
<li class="js_scrolldown">
<a href="#end" class="a_button_meta">
<div class="sprite_img demo__sprite_down"></div>
{% comment %}<img src="{{ pageBase }}art/down.png" alt="" width="32" height="32">{% endcomment %}
{% comment %}<img src="/art/down.png" alt="" width="32" height="32">{% endcomment %}
</a>
</li>
</ul>

2
source/templates/hippie/simple.liquid
View file

@ -1,5 +1,5 @@
{% assign pageId = page.fileSlug -%}
{% layout "hippie/default.liquid" %}
{% layout 'hippie/default.liquid' %}
{% block title %}{{ title }}{% endblock %}

4
source/templates/hippie/status.liquid
View file

@ -15,12 +15,12 @@
{{ hippie.titlePostfix -}}
</title>
{% block meta -%}
{% render "hippie/partials/meta.liquid" %}
{% render 'hippie/partials/meta.liquid' %}
{% endblock -%}
{% block links -%}
<link rel="shortcut icon" type="image/x-icon"
href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAH7SURBVDiNldM/aJNBGMfx71viH7TqIoLiIOoiSJRu0qE4uIiDm5OI4ODk4uYioqBuUkR0kKJNFC1mqUltlbZSqE3RYt+2SUyTppCmeU2bkiZ907z3vnfnUEU0NrXPeMd97p6H+xlaa02D0oDRYL+p4WEN9yZm8dT6dzQEQtkCuiIJxHKbBxZrLiNWmc8vRxn7lMGRanPAw0QW49Uwp8ODJEZmCCSt/wcGrCWavte44LRz7FyYnd+yxMZz2J7cGKh6kvczRUp3X9BnmFyLzHNVRpkeShNM1b+iDngUn2Oue4qLLV3cf+YST2tiLf3sj04wmypSEt76wFixwoJpcbKnh/ZMmuXK2vqdYJXLxyPMDiTpTOX/DbhK88bMMh4Y5sSZt3R2/+53aRkCzgT+oX4Kls2i49YDT+M5JkMmV+aj3BrII/+a15MuSevZEPl3UzxP5/8EMiurfO1L0hyNU27tZehL/c/zJNzsLXB+uoNySZBfFQD4tIbHHxJMfoxxu2pi7rK5fsm3FgL5MwXKQAPaMzh8JMbg61E6mn3c8B/CF5yx2L1tC/5TR4nsAS/RhlNzcR0P6TggFVoDGrYqyYMkLOybZ4fQZFZqGOHsgi4KF1tIakrhKIXj/WrBQAuJV3EQtsBbEQjbQVQEB/0HUHu3Y2wU5/XKVRqhFD8AgpYX2M9TNGcAAAAASUVORK5CYII=">
<link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo_basic.css"/>
<link rel="stylesheet" type="text/css" media="all" href="/css/demo_basic.css"/>
{% endblock -%}
{% endblock -%}
</head>