make clock reusable, basic scaffolding for main app

4 files changed, 65 insertions, 68 deletions

diff --git a/www/styles/clock.css b/www/styles/clock.css
new file mode 100644
index 0000000..9b028e2
--- /dev/null
+++ b/www/styles/clock.css
@@ -0,0 +1,52 @@
+/*
+ *  rhrdweb
+ *
+ *  Copyright (C) 2016 Christian Pointner <equinox@helsinki.at>
+ *
+ *  This file is part of rhrdweb.
+ *
+ *  rhrdweb is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU Affero General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  any later version.
+ *
+ *  rhrdweb is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU Affero General Public License for more details.
+ *
+ *  You should have received a copy of the GNU Affero General Public License
+ *  along with rhrdweb. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+#clock {
+  display: block;
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  text-align: center;
+  margin: 0;
+}
+
+#clock span {
+  display:table;
+  margin:0 auto;
+}
+
+#clock span.current-week {
+  margin-top: 1em;
+  padding: 0.3em 2em;
+  font-size: 1.2em;
+}
+
+#clock span.clock-date {
+  padding: 0.2em;
+  font-weight: bold;
+  font-size: 1.4em;
+}
+
+#clock span.clock-time {
+  padding: 0.2em;
+  font-weight: bold;
+  font-size: 1.6em;
+}
diff --git a/www/styles/main.css b/www/styles/main.css
index 5aae273..016b6ff 100644
--- a/www/styles/main.css
+++ b/www/styles/main.css
@@ -19,52 +19,24 @@
  *  along with rhrdweb. If not, see <http://www.gnu.org/licenses/>.
  */
 
-#clock {
+#main {
   display: block;
   width: 100%;
   height: 100%;
-  vertical-align: middle;
-  text-align: center;
-  margin: 0;
+  margin-top: 100px;
 }
 
-#clock span {
-  display:table;
-  margin:0 auto;
+#logo {
+  margin-top: -60px;
 }
 
-#clock span.current-week {
-  margin-top: 1em;
-  padding: 0.3em 2em;
-  font-size: 1.2em;
+#title h1 {
+  padding-left: 1em;
 }
 
-#clock span.clock-date {
-  padding: 0.2em;
+#title h1 {
   font-weight: bold;
-  font-size: 1.4em;
 }
 
-#clock span.clock-time {
-  padding: 0.2em;
-  font-weight: bold;
-  font-size: 1.6em;
-}
-
-#system {
-  display: block;
-  width: 100%;
-  height: 100%;
-  vertical-align: middle;
-  text-align: center;
-  margin-top: 2em;
-}
-
-#system span {
-  margin-top: 1em;
-  padding: 0.3em 2em;
-  font-size: 1.2em;
-  font-weight: bold;
-  display:table;
-  margin:0 auto;
+#rhctl {
 }
diff --git a/www/styles/nextshows.css b/www/styles/nextshows.css
index 67ae14c..d354c8d 100644
--- a/www/styles/nextshows.css
+++ b/www/styles/nextshows.css
@@ -35,6 +35,11 @@ body {
 
 #clock {
   padding: 0.1em;
+  width: 100%;
+  height: 100%;
+  vertical-align: middle;
+  text-align: center;
+  margin: 0;
 }
 
 #clock span {
diff --git a/www/styles/weeks.css b/www/styles/weeks.css
index c3b0649..aac76de 100644
--- a/www/styles/weeks.css
+++ b/www/styles/weeks.css
@@ -28,38 +28,6 @@
   margin-top: 10em;
 }
 
-#clock {
-  display: block;
-  width: 100%;
-  height: 100%;
-  vertical-align: middle;
-  text-align: center;
-  margin: 0;
-}
-
-#clock span {
-  display:table;
-  margin:0 auto;
-}
-
-#clock span.current-week {
-  margin-top: 1em;
-  padding: 0.3em 2em;
-  font-size: 1.2em;
-}
-
-#clock span.clock-date {
-  padding: 0.2em;
-  font-weight: bold;
-  font-size: 1.4em;
-}
-
-#clock span.clock-time {
-  padding: 0.2em;
-  font-weight: bold;
-  font-size: 1.6em;
-}
-
 #buttons {
   display: block;
   width: 100%;