4 files changed, 130 insertions, 0 deletions
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(("<div class='spinner centered'></div>"));
+}
+
+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;
+}