Merge branch 'dev'

faktiva · Jan 29, 2016 · fa0c3ad · fa0c3ad
2 parents 8d702c0 + 21df3ff
commit fa0c3ad
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 15 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+vendor
+httpdocs/tools
+composer.lock
diff --git a/httpdocs/index.php b/httpdocs/index.php
@@ -9,26 +9,30 @@
 
 $tools = array_map(
     function ($dir) {
-        return substr($dir, strlen(ROOT_DIR) + 1 /* slash */);
+        return substr($dir, strlen(ROOT_DIR) + 1 /* trailing slash */);
     },
     array_merge(glob(TOOLS_DIR.'/*', GLOB_ONLYDIR), glob(TOOLS_DIR.'/*.php'))
 );
 natcasesort($tools);
 ?>
 <html>
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title><?php echo getenv('HOSTNAME') ?> admin console</title>
-    <style>
+    <style type="text/css">
         * { margin:0; padding:0 }
         html, body { font-size:0.9em }
         h1 { text-align:center; font-size:1.1em; color:#444; padding:0.3em 0 0.1em 0 }
-        ul { list-style-type:none; padding:0 1em; margin-bottom:2px }
-        li { display:inline-block; margin-left:10px; padding-left:10px; border-left:1px #e55 dotted; white-space:nowrap }
-        li:first-child { border-left:0; margin-left:0; padding-left:0 }
+        nav > ul { list-style-type:none; padding:0 1em; margin-bottom:2px }
+        nav > ul > li { display:inline-block; margin-left:10px; padding-left:10px; border-left:1px #e55 dotted; white-space:nowrap }
+        nav > ul > li:first-child { border-left:0; margin-left:0; padding-left:0 }
         a { text-decoration:none; font-weight:bold; color:#449 }
-        a:hover { background: rgba(255,255,255, 0.2) }
-        #header { border-bottom:1px solid #e55; background:lightblue; margin-bottom:4px; -webkit-box-shadow:0 2px 2px -1px #444; -moz-box-shadow:0 2px 2px -1px #444; box-shadow:0 2px 2px -1px #444;}
-        #appframe { border:0; height:0; width:100%; }
+        nav a:hover { background:rgba(255,255,255, 0.2) }
+        header { border-bottom:1px solid #e55; background:lightblue; margin-bottom:4px; -webkit-box-shadow:0 2px 2px -1px #444; -moz-box-shadow:0 2px 2px -1px #444; box-shadow:0 2px 2px -1px #444 }
+        footer { position:fixed; bottom:0; width:100%; text-align:center; font-size:0.8em; background-color:rgba(255,255,255, 0.9); border-top:1px solid #e55}
+        footer a#github { display:inline-block; line-height:16px; padding-left:20px; background:transparent no-repeat left center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MENCRkExNzVBQjExRTQ5NDBGRTUzMzQyMDVDNzFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MENCRkEyNzVBQjExRTQ5NDBGRTUzMzQyMDVDNzFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYwQ0JGOUY3NUFCMTFFNDk0MEZFNTMzNDIwNUM3MUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYwQ0JGQTA3NUFCMTFFNDk0MEZFNTMzNDIwNUM3MUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7HtUU1AAABN0lEQVR42qyUvWoCQRSF77hCLLKC+FOlCKTyIbYQUuhbWPkSFnZ2NpabUvANLGyz5CkkYGMlFtFAUmiSM8lZOVkWsgm58K079+fMnTusZl92BXbgDrTtZ2szd8fas/XBOzmBKaiCEFyTkL4pc9L8vgpNJJDyWtDna61EoXpO+xcFfXUVqtrf7Vx7m9Pub/EatvgHoYXD4ylztC14BBVwydvydgDPHPgNaErN3jLKIxAUmEvAXK21I18SJpXBGAxyBAaMlblOWOs1bMXFkMGeBFsi0pJNe/QNuV7563+gs8LfhrRfE6GaHLuRqfnUiKi6lJ034B44EXL0baTTJWujNGkG3kBX5uRyZuRkPl3WzDTBtzjnxxiDDq83yNxUk7GYuXM53jeLuMNavvAXkv4zrJkTaeGHAAMAIal3icPMsyQAAAAASUVORK5CYII='); background-size:12px }
+        #appframe { border:0; height:0; width:100% }
         .server-name { color:#e55; font-family:monospace; font-size:1.25em }
     </style>
     <script language="javascript" type="text/javascript">
@@ -39,14 +43,19 @@ function resizeIframe(obj) {
     </script>
 </head>
 <body>
-    <div id="header">
+    <header>
         <h1><span class="server-name"><?php echo getenv('HOSTNAME') ?></span> admin console</h1>
-        <ul>
-            <?php foreach ($tools as $tool): ?>
-            <li><a href="<?php echo $tool ?>" onclick="document.getElementById('appframe').src='<?php echo $tool ?>'; return false;"><?php echo strtr(basename($tool, '.php'), '_', ' ') ?></a></li>
-            <?php endforeach; ?>
-        </ul>
-    </div>
+        <nav>
+            <ul>
+                <?php foreach ($tools as $tool): ?>
+                <li><a href="<?php echo $tool ?>" onclick="document.getElementById('appframe').src='<?php echo $tool ?>'; return false;"><?php echo strtr(basename($tool, '.php'), '_', ' ') ?></a></li>
+                <?php endforeach; ?>
+            </ul>
+        </nav>
+    </header>
     <iframe id="appframe" src="" frameborder="0" scrolling="auto" onload="resizeIframe(this);"></iframe>
+    <footer>
+        <a id="github" href="https://github.com/dralbert/php-admin-tk" target="_blank">drAlberT/php-admin-tk</a>
+    </footer>
 </body>
 </html>