templates/index.phtml

   1 <!DOCTYPE html>
   2 <!-- Source: https://www.w3schools.com/w3css/tryw3css_templates_interior_design.htm -->
   3 <html class="ui-mobile">
   4 <head>
   5 <title><?=Config::main()->get('title')?></title>
   6 <meta charset="utf-8">
   7 <meta name="viewport" content="width=device-width, initial-scale=1">
   8 <?=Utilities::formatCSS('w3.css')?>
   9 <?=Utilities::formatCSS('musiikki.css')?>
  10 <link rel="shortcut icon" href="<?php echo Config::main()->get('favicon')?>">
  11 <?=Utilities::formatScript('jquery-1.10.2.min.js')?>
  12 <?=Utilities::formatScript('musiikki.js')?>
  13 </head>
  14
  15 <body>
  16
  17 <!-- Sidebar/menu -->
  18 <nav class="w3-sidebar w3-blue w3-collapse w3-top w3-large w3-padding" style="z-index: 3; width: 300px; font-weight: bold; display: none;" id="mySidebar"><br>
  19   <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:22px">Close Menu</a>
  20   <div class="w3-container">
  21     <h3 class="w3-padding-64"><b><?=Config::main()->get('title')?></b></h3>
  22   </div>
  23   <div class="w3-bar-block" style="padding-top:5px;">
  24     <a href="/admin/" onclick="open_page('home')" class="w3-bar-item w3-button w3-hover-white">Home</a>
  25     <a href="#" onclick="open_page('datetime')" class="w3-bar-item w3-button w3-hover-white">Date/Time</a>
  26     <a href="#" onclick="open_page('wifi')" class="w3-bar-item w3-button w3-hover-white">WiFi</a>
  27     <a href="#" onclick="open_page('shares')" class="w3-bar-item w3-button w3-hover-white">Shares</a>
  28     <a href="#" onclick="open_page('rescan')" class="w3-bar-item w3-button w3-hover-white">Rescan</a>
  29     <a href="#" onclick="open_page('admin')" class="w3-bar-item w3-button w3-hover-white">Admin</a>
  30     <a href="#" onclick="open_page('halt')" class="w3-bar-item w3-button w3-hover-white">Shutdown</a>
  31   </div>
  32 </nav>
  33
  34 <!-- Top menu on small screens -->
  35 <header class="w3-container w3-top w3-hide-large w3-blue w3-xlarge w3-padding">
  36   <a href="javascript:void(0)" class="w3-button w3-blue w3-margin-right" onclick="w3_open()" title="Menu"><b>=</b></a>
  37    <span><?=Config::main()->get('title')?></span>
  38 </header>
  39
  40 <!-- Overlay effect when opening sidebar on small screens -->
  41 <div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor: pointer; display: none;" title="close side menu" id="myOverlay"></div>
  42
  43 <!-- !PAGE CONTENT! -->
  44 <div class="w3-main" style="margin-left:340px;margin-right:40px">
  45
  46 <?php echo Template::html('home'); ?>
  47 <?php echo Template::html('datetime'); ?>
  48 <?php echo Template::html('wifi'); ?>
  49 <?php echo Template::html('shares'); ?>
  50 <?php echo Template::html('admin'); ?>
  51 <?php echo Template::html('rescan'); ?>
  52 <?php echo Template::html('halt'); ?>
  53 <?php echo Template::html('response'); ?>
  54
  55 <!-- End page content -->
  56 </div>
  57
  58 </body>
  59 </html>