move main css to file, move clock to utils.js, load jingle groups

2 files changed, 50 insertions, 31 deletions

diff --git a/www/styles/main-style.css b/www/styles/main-style.css
new file mode 100644
index 0000000..756ea15
--- /dev/null
+++ b/www/styles/main-style.css
@@ -0,0 +1,50 @@
+body {
+    background-color: #eee;
+    padding-top: 60px;
+    padding-bottom: 40px;
+}
+
+.btn i[class*='icon-'] {
+    vertical-align: middle;
+}
+
+.progress {
+    margin-bottom: 0;
+}
+
+.main-selector {
+    height: 2.5em;
+    width: 100%;
+}
+
+#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/shows.css b/www/styles/shows.css
index 73bc0e3..15ecbbc 100644
--- a/www/styles/shows.css
+++ b/www/styles/shows.css
@@ -26,10 +26,6 @@
   margin-top: 1.5em;
   margin-bottom: 1em;
 }
-#show-selector {
-  height: 2.5em;
-  width: 100%;
-}
 #current-week {
   display: block;
   margin: 0.5em;
@@ -58,30 +54,3 @@
 #shows-upload div.modal-body form div.dz-preview {
   display: none;
 }
-#shows-clock {
-  display: block;
-  width: 100%;
-  height: 100%;
-  vertical-align: middle;
-  text-align: center;
-  margin: 0;
-}
-#shows-clock span {
-  display:table;
-  margin:0 auto;
-}
-#shows-clock span.current-week {
-  margin-top: 1em;
-  padding: 0.3em 2em;
-  font-size: 1.2em;
-}
-#shows-clock span.clock-date {
-  padding: 0.2em;
-  font-weight: bold;
-  font-size: 1.4em;
-}
-#shows-clock span.clock-time {
-  padding: 0.2em;
-  font-weight: bold;
-  font-size: 1.6em;
-}