From 010cf066446c9cbb96c6bd99db8701e9329bf686 Mon Sep 17 00:00:00 2001 From: ulrich Date: Wed, 29 Sep 2021 06:16:53 +0000 Subject: [PATCH] Link zur Demo aktualisiert --- index.html | 45 +++++++++++++++++++++++++++++++-------------- 1 files changed, 31 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index f49a286..8b7b4a0 100644 --- a/index.html +++ b/index.html @@ -1,30 +1,47 @@ <!DOCTYPE html> <html> <head> - <title>Radio-UI</title> + <title>Radio</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-layout/app-layout.css"> - <link rel="stylesheet" type="text/css" href="../jslib/app-menu/nav-toggle.css"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> + <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" type="text/css" href="../jslib/app-menu/app-menu.css"> + <link rel="stylesheet" type="text/css" href="hamburger.css"> <link rel="stylesheet" type="text/css" href="app.css"> </head> <body> <!-- Kopfzeile --> <div class="nord"> - <a id="nav-toggle" href="#"><span></span></a> <span id="app-titel">Home</span> + <div id="nav-menu"> + <div id="nav-toggle" class="hamburger hamburger--elastic"> + <div class="hamburger-box"> + <div class="hamburger-inner"></div> + </div> + </div> + </div> + <div class="app-titel"> + <span id="app-titel">Radio</span> + </div> + <div class="sendersuche"> + <input type="search" class="sendersuche-eingabe" placeholder="🔎"> + </div> </div> + <!-- Inhalt --> <div class="inhalt"> <!-- westliche Seitenleiste --> <div class="west"></div> - <!-- zentraler Inhaltsbereich --> - <div class="zentrum"> - <div id="prefs"></div> - <div id="home"></div> - </div> - <div class="cond"> - Dieser Teil (Klasse cond für conditional) erscheint nur, wenn das - Anzeigegerät rechts genügend Platz hat. + <!-- zentraler Bereich --> + <div class="zentrum-behaelter"> + <!-- Einblendbereich --> + <div class="dialog"></div> + <!-- Abspieler-Auswahl --> + <div class="abspieler-behaelter"></div> + <!-- zentraler Inhaltsbereich --> + <div class="zentrum"> + <div id="prefs"></div> + <div id="home"></div> + <div class="sender-behaelter"></div> + </div> </div> <!-- oestliche Seitenleiste --> <div class="ost"> @@ -38,8 +55,8 @@ <script src="../jslib/jquery-1.11.1/jquery-1.11.1.min.js"></script> <script src="../jslib/mustache/mustache.min.js"></script> <script src="../jslib/app-menu/app-menu.js"></script> + <script src="vorlagen.js"></script> <script src="app.js"></script> - <script type="text/javascript" charset="utf-8"> $(document).ready(function() { app_init(); -- Gitblit v1.9.3