From 8ca5e8bfa494ec9af80b58b96cbf3e86f7a340ee Mon Sep 17 00:00:00 2001
From: ulrich <undisclosed>
Date: Sun, 15 Dec 2019 14:11:26 +0000
Subject: [PATCH] Diverse Aufraeumarbeiten
---
index.html | 61 ++++++++++++++++++++----------
1 files changed, 40 insertions(+), 21 deletions(-)
diff --git a/index.html b/index.html
index b451f8a..a75d0e0 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,12 @@
<!DOCTYPE html>
<html>
<head>
- <title>App-Layout</title>
+ <title>App-Vorlage</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" type="text/css" href="jslib/app-menu/nav-toggle.css">
- <link rel="stylesheet" type="text/css" href="jslib/app-menu/app-menu.css">
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
+ <link rel="stylesheet" type="text/css" href="app-menu.css">
<link rel="stylesheet" type="text/css" href="hamburger.css">
<link rel="stylesheet" type="text/css" href="app.css">
</head>
@@ -20,7 +21,7 @@
</div>
</div>
<div class="app-titel">
- <span id="app-titel">App-Titel</span>
+ <span id="app-titel">App-Vorlage</span>
</div>
</div>
<div class="inhalt">
@@ -28,32 +29,50 @@
<div class="west">
westliche Seitenleiste
</div>
- <!-- zentraler Inhaltsbereich -->
- <div class="zentrum">
- <p>
- Inhalt hier...
- </p>
+ <div class="zentrum-behaelter">
+ <!-- Einblendbereich -->
+ <div class="dialog"></div>
+ <!-- zentraler Inhaltsbereich -->
+ <div class="zentrum">
+ <div class="zentraler-inhalt">
+ <p>
+ Hier kann beliebiger Inhalt erscheinen.
+ </p>
+ <p>
+ Wenn dessen Darstellung mehr
+ Platz benötigt als das Anzeigegerät bietet wird ein
+ Rollbalken eingeblendet. Beim Rollen zu anfangs nicht sichtbaren
+ Teilen des Inhalts bleiben die den Inhaltsbereich
+ umschließenden Elemente sichtbar.
+ </p>
+ <p>
+ Ein Klick auf das Hamburger-Piktogramm oben links bzw. dessen
+ Antippen blendet ein Menü ein von dem aus weitere Funktionen
+ ausgelöst werden können.
+ </p>
+ </div>
+ </div>
</div>
<!-- oestliche Seitenleiste -->
- <div class="ost">
- östliche Seitenleiste
+ <div class="ost ost-open">
+ östliche Seitenleiste
</div>
</div>
<!-- Fusszeile -->
- <div class="sued">
+ <div class="sued sued-open">
Fußzeile
</div>
-
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+ <!-- Skripte -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script>
- <script src="jslib/app-menu/app-menu.js"></script>
- <script src="app.js"></script>
+ <script src="js/app-menu.js"></script>
+ <script src="js/vorlagen.js"></script>
+ <script src="js/app.js"></script>
<script>
- var app;
- $(document).ready(function() {
- app = new AppVorlage();
- app.init();
- });
+ var app;
+ document.addEventListener('DOMContentLoaded', function () {
+ app = new AppVorlage();
+ app.init();
+ });
</script>
</body>
</html>
--
Gitblit v1.9.3