Bedienoberfläche für Webradio
blame | history | patch | commit | commitdiff | ignore whitespace
ulrich
2018-01-07 03f9a7c0a031b5246df4436bf53136d2e48a557f 
 index.html


@@ -4,19 +4,25 @@


    <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">


      <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>


      </div>


      <div class="sendersuche">


        <input type="search" class="sendersuche-eingabe" placeholder="&#x1F50E;">


      </div>


    </div>


    <!-- Inhalt -->


@@ -25,23 +31,15 @@


      <div class="west"></div>


      <!-- zentraler Bereich -->


      <div class="zentrum-behaelter">




        <!-- Einblendbereich -->




        <div class="dialog">


          <div class="nachricht">


            <span class="close-btn">&#10006;</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 -->


@@ -57,7 +55,6 @@


    <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();