Bedienoberfläche für Webradio
ulrich
2018-01-03 9f0d54067fefd1d3c9c6babf425d3d3a443eeccc
commit | author | age
623a61 1 <!DOCTYPE html>
U 2 <html>
3   <head>
4     <title>Radio-UI</title>
5     <meta charset="UTF-8">
6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
9f0d54 7     <!-- <link rel="stylesheet" type="text/css" href="../jslib/app-layout/app-layout.css"> -->
623a61 8     <link rel="stylesheet" type="text/css" href="../jslib/app-menu/nav-toggle.css">
U 9     <link rel="stylesheet" type="text/css" href="../jslib/app-menu/app-menu.css">
10     <link rel="stylesheet" type="text/css" href="app.css">
11   </head>
12   <body>
13     <!-- Kopfzeile -->
14     <div class="nord">
47a970 15       <div id="nav-menu">
U 16         <a id="nav-toggle" href="#"><span></span></a>
17       </div>
18       <div class="app-titel">
9f0d54 19         <span id="app-titel">Radio-UI</span>
47a970 20       </div>
623a61 21     </div>
47a970 22     <!-- Inhalt -->
623a61 23     <div class="inhalt">
U 24       <!-- westliche Seitenleiste -->
25       <div class="west"></div>
9f0d54 26       <!-- zentraler Bereich -->
U 27       <div class="zentrum-behaelter">
28
29         <!-- Einblendbereich -->
30
31         <div class="dialog">
32           <div class="nachricht">
33             <span class="close-btn">&#10006;</span>
34             Hier kann eine Mitteilung stehen.
35           </div>
36         </div>
37       
38         <!-- zentraler Inhaltsbereich -->
39         <div class="zentrum">
40           <div id="prefs"></div>
41           <div id="home"></div>
42           <div class="sender-behaelter">
43             <div id="sender" class="sender"></div>
44           </div>
47a970 45         </div>
623a61 46       </div>
U 47       <!-- oestliche Seitenleiste -->
48       <div class="ost">
49         östliche Seitenleiste
50       </div>
51     </div>
52     <!-- Fusszeile -->
53     <div class="sued">
54       Fußzeile
55     </div>
56     <script src="../jslib/jquery-1.11.1/jquery-1.11.1.min.js"></script>
57     <script src="../jslib/mustache/mustache.min.js"></script>
58     <script src="../jslib/app-menu/app-menu.js"></script>
59     <script src="app.js"></script>
60
61     <script type="text/javascript" charset="utf-8">
62       $(document).ready(function() {
63         app_init();
64       });
65     </script>
66   </body>
67 </html>