From e788ee67564c59504bfbea8964c62f7a6bcdbf13 Mon Sep 17 00:00:00 2001 From: Roman Gräf Date: Wed, 1 Nov 2017 12:39:11 +0100 Subject: Add files via upload --- index.html | 41 +++++++++++++++++++++++++++++++++++++++++ res/default.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ res/default.js | 25 +++++++++++++++++++++++++ res/loading.css | 19 +++++++++++++++++++ res/sidebar.css | 37 +++++++++++++++++++++++++++++++++++++ 5 files changed, 171 insertions(+) create mode 100644 index.html create mode 100644 res/default.css create mode 100644 res/default.js create mode 100644 res/loading.css create mode 100644 res/sidebar.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..bc708f1 --- /dev/null +++ b/index.html @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + +

+ ☰ Menu +

+ +

+ + + + diff --git a/res/default.css b/res/default.css new file mode 100644 index 0000000..631e12e --- /dev/null +++ b/res/default.css @@ -0,0 +1,49 @@ +body { + padding: 0; + margin: 0; +} + +img { + vertical-align: middle; +} + +.header { + right: 2px; + position: absolute; + text-align: right; +} + +a { + text-decoration: none; + margin: 0; + padding: 10px; +} + +.button { + display: block; + background: #eee; +} + +.button:hover { + background: #ddd; +} + +.centered { + position: fixed; + top: 50%; + left: 50%; + /* bring your own prefixes */ + transform: translate(-50%, -50%); +} + +.img-circle { + border-radius: 50%; +} + +.send-channel { + margin-left: 30px; +} + +#content { + margin: 2px; +} diff --git a/res/default.js b/res/default.js new file mode 100644 index 0000000..6776fae --- /dev/null +++ b/res/default.js @@ -0,0 +1,25 @@ +function sidebar_close() { + $("#sidebar").fadeOut(); +} + +function sidebar_open() { + $("#sidebar").fadeIn(); +} + +function show_loading() { + $("#content").html(("

")); +} + +function load(file, title) { + show_loading(); + $("#header").text(title); + $.get("file:///H:/ichtml/content/"+file, function(data) { + $("#content").html(data); + }, "text"); +} + +function open_timetable() { + sidebar_close(); + load('timetable.html', 'Stundenplan'); +} + diff --git a/res/loading.css b/res/loading.css new file mode 100644 index 0000000..6a1fb67 --- /dev/null +++ b/res/loading.css @@ -0,0 +1,19 @@ +.spinner { + /* Shamelessly stolen from https://www.w3schools.com/howto/howto_css_loader.asp */ + border: 16px solid #d6d6d6; /* Light grey */ + border-top: 16px solid #3498db; /* Blue */ + border-radius: 50%; + width: 120px; + height: 120px; + animation: spinner 2s linear infinite; +} + + +@keyframes spinner { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} diff --git a/res/sidebar.css b/res/sidebar.css new file mode 100644 index 0000000..6cce509 --- /dev/null +++ b/res/sidebar.css @@ -0,0 +1,37 @@ + +.sidebar { + width: 25%; + overflow: auto; + position: absolute; +} + +.teal { + width: 100%; + background: #0099ff; + border-bottom: 1px solid #007acc; +} + +.hamburger { + width: 100%; +} + +.sidebar-button { + text-align: right; + color: black; + border-right: 1px solid #000; +} + +.sidebar-button:hover { +} + +.sidebar-last { + border-bottom: 1px solid #000; +} + +.sidebar-close { + background: #3385ff; +} + +.sidebar-close:hover { + background: #0066ff; +} -- cgit