From d66f8c5db45da054aa113ff8eb9fa031ee77c1ae Mon Sep 17 00:00:00 2001 From: Jeremy Likness Date: Fri, 22 Nov 2019 16:37:45 -0800 Subject: [PATCH] Add controls and SPA routing --- css/style.css | 37 +++++++++++++++--------- index.html | 13 +++++---- js/app.js | 21 +++----------- js/controls.js | 54 +++++++++++++++++++++++++++++++++++ js/navigator.js | 59 ++++++++++++++++++++++++++++++++------- js/router.js | 30 ++++++++++++++++++++ js/slideLoader.js | 6 ++-- slides/002-stuff.html | 3 +- slides/003-morestuff.html | 7 +++++ templates/controls.html | 5 ++++ 10 files changed, 185 insertions(+), 50 deletions(-) create mode 100644 js/controls.js create mode 100644 js/router.js create mode 100644 slides/003-morestuff.html create mode 100644 templates/controls.html diff --git a/css/style.css b/css/style.css index 8ad4c56..2aa70ef 100644 --- a/css/style.css +++ b/css/style.css @@ -20,28 +20,39 @@ img { height: auto; } -div#main { +.footer { + float: left; + height: 15vh; + font-size: 1.5em; + vertical-align: middle; + width: 32vw; +} + +.right { + text-align: right; +} + +.left { + text-align: left; +} + +.center { + text-align: center; +} + +slide-deck div { height: 80vh; padding: 1em; background: lightgray; } -div#footer-left { - vertical-align: middle; +slide-controls { height: 15vh; + width: 33vw; + text-align: center; float: left; } -div#footer-left img { - display: inline-block; -} - -div#footer-right { - font-size: 2em; - height: 15vh; - float: right; -} - nextslide { display: none; } \ No newline at end of file diff --git a/index.html b/index.html index 10b13dd..735cc01 100644 --- a/index.html +++ b/index.html @@ -15,14 +15,15 @@ -
-

DevNexus

-

We are getting things ready...

-
-