| | |
|---|
| | | <!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"> |
|---|
| | | <div id="nav-menu"> |
|---|
| | | <a id="nav-toggle" href="#"><span></span></a> |
|---|
| | | <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> |
|---|
| | | <span id="app-titel">Radio</span> |
|---|
| | | </div> |
|---|
| | | <div class="sendersuche"> |
|---|
| | | <input type="search" class="sendersuche-eingabe" placeholder="🔎"> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- Inhalt --> |
|---|
| | |
|---|
| | | <div class="west"></div> |
|---|
| | | <!-- zentraler Bereich --> |
|---|
| | | <div class="zentrum-behaelter"> |
|---|
| | | |
|---|
| | | <!-- Einblendbereich --> |
|---|
| | | |
|---|
| | | <div class="dialog"> |
|---|
| | | <div class="nachricht"> |
|---|
| | | <span class="close-btn pointer-cursor">✖</span> |
|---|
| | | Hier kann eine Mitteilung stehen. |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <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 id="sender" class="sender"></div> |
|---|
| | | </div> |
|---|
| | | <div class="sender-behaelter"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- oestliche Seitenleiste --> |
|---|
| | |
|---|
| | | <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(); |
|---|
