| | |
|---|
| | | <title>Radio-UI</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"> |
|---|
| | | <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-UI</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"> |
|---|
| | |
|---|
| | | <script src="../jslib/mustache/mustache.min.js"></script> |
|---|
| | | <script src="../jslib/app-menu/app-menu.js"></script> |
|---|
| | | <script src="app.js"></script> |
|---|
| | | |
|---|
| | | <script type="text/javascript" charset="utf-8"> |
|---|
| | | $(document).ready(function() { |
|---|
| | | app_init(); |
|---|
