Merge pull request #30 from restoreddev/develop

Fixed style for IE, added arrow navigation and tweaked writer's credit

assets/css/site.css

@@ -185,6 +185,7 @@ button:hover .icon svg {
 }
 .icon {
     width: 1em;
+    height: 1.25em;
     display: inline-block;
 }
 .home-title {

assets/js/site.js

@@ -41,18 +41,26 @@ var onLoad = function () {
 document.onkeydown = function (e) {
     e = e || window.event;
 
-    var isEscape = false;
-    if ("key" in e) {
-        isEscape = (e.key == "Escape" || e.key == "Esc");
-    } else {
-        isEscape = (e.keyCode == 27);
-    }
-
-    if (isEscape) {
-        var modal = document.querySelector('.modal');
-        if (modal && !modal.classList.contains('closed')) {
-            modal.classList.add('closed');
-        }
+    switch (e.key) {
+        case 'Esc':
+        case 'Escape':
+            var modal = document.querySelector('.modal');
+            if (modal && !modal.classList.contains('closed')) {
+                modal.classList.add('closed');
+            }
+            break;
+        case 'ArrowRight':
+            var link = document.querySelector('#next-link');
+            if (link) {
+                window.location.href = link.href;
+            }
+            break;
+        case 'ArrowLeft':
+            var link = document.querySelector('#prev-link');
+            if (link) {
+                window.location.href = link.href;
+            }
+            break;
     }
 };
 

assets/templates/credits.phtml

@@ -31,7 +31,7 @@
         </p>
         <hr />
         <p>
-            phpapprentice.com was created and is managed by <a href="https://twitter.com/restoreddev">Andrew Davis</a>.
+            Created and managed by <a href="https://twitter.com/restoreddev" target="_blank">Andrew Davis @restoreddev</a>.
         </p>
     </div>
 </div>

assets/templates/default.phtml

@@ -10,13 +10,13 @@
     <div class="clearfix"></div>
     <div class="navigate-links">
         <?php if (!empty($previous)): ?>
-            <a href="<?= page_path($previous) ?>" title="Previous">
+            <a href="<?= page_path($previous) ?>" title="Previous" id="prev-link">
                 <div class="icon"><?= icon('cheveron-outline-left') ?></div>
                 Previous
             </a>
         <?php endif ?>
         <?php if (!empty($next)): ?>
-            <a href="<?= page_path($next) ?>" title="Next">
+            <a href="<?= page_path($next) ?>" title="Next" id="next-link">
                 Next
                 <div class="icon"><?= icon('cheveron-outline-right') ?></div>
             </a>

assets/templates/index.phtml

@@ -26,6 +26,8 @@
             </a>
             <?php partial('menu_button') ?>
         </div>
+        <hr />
+        <p>Created and managed by <a href="https://twitter.com/restoreddev" target="_blank">Andrew Davis @restoreddev</a>
     </div>
 </div>