1 files changed, 59 insertions, 0 deletions
diff --git a/www/specials.html b/www/specials.html
new file mode 100644
index 0000000..e5fa4a6
--- /dev/null
+++ b/www/specials.html
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML>
+<html>
+ <head>
+  <title>Special Show Usage on Radio Helsinki</title>
+  <meta charset="utf-8">
+  <meta name="author" content="Christian Pointner <equinox@helsinki.at>">
+
+  <link rel="shortcut icon" href="/img/favicon.ico" />
+  <link href="/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <link href="/styles/common.css" rel="stylesheet">
+  <link href="/styles/specials.css" rel="stylesheet">
+  <script src="/javascript/jquery/jquery.min.js"></script>
+  <script src="/js/utils.js"></script>
+  <script src="/js/specials.js"></script>
+ </head>
+ <body>
+   <div id="container">
+     <div id="header">
+       <div id="control">
+         <div class="btn-group" role="group">
+           <button type="button" class="btn btn-default" id="btn-earlier"><span class="glyphicon glyphicon-minus"></span></button>
+           <button type="button" class="btn btn-default" id="btn-later"><span class="glyphicon glyphicon-plus"></span></button>
+         </div>
+       </div>
+       <div>
+         <span class="week"></span>
+         <span class="date">--.--.----</span>
+       </div>
+     </div>
+
+     <div id="loading">
+       <div id="loading-inner">
+         <div class="sk-fading-circle">
+           <div class="sk-circle1 sk-circle"></div>
+           <div class="sk-circle2 sk-circle"></div>
+           <div class="sk-circle3 sk-circle"></div>
+           <div class="sk-circle4 sk-circle"></div>
+           <div class="sk-circle5 sk-circle"></div>
+           <div class="sk-circle6 sk-circle"></div>
+           <div class="sk-circle7 sk-circle"></div>
+           <div class="sk-circle8 sk-circle"></div>
+           <div class="sk-circle9 sk-circle"></div>
+           <div class="sk-circle10 sk-circle"></div>
+           <div class="sk-circle11 sk-circle"></div>
+           <div class="sk-circle12 sk-circle"></div>
+         </div>
+       </div>
+     </div>
+
+     <div id="shows">
+     </div>
+   </div>
+
+  <script type="text/javascript">
+    specials_init();
+  </script>
+
+ </body>
+</html>