summaryrefslogtreecommitdiff
path: root/www/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'www/index.html')
-rw-r--r--www/index.html48
1 files changed, 28 insertions, 20 deletions
diff --git a/www/index.html b/www/index.html
index 3b7c067..f576a6b 100644
--- a/www/index.html
+++ b/www/index.html
@@ -9,33 +9,41 @@
<link href="/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/styles/common.css" rel="stylesheet">
+ <link href="/styles/clock.css" rel="stylesheet">
<link href="/styles/main.css" rel="stylesheet">
-
- <script src="/javascript/react/react.js"></script>
- <script src="/javascript/react/react-dom.js"></script>
-<!--
- <script src="/javascript/react/react.min.js"></script>
- <script src="/javascript/react/react-dom.min.js"></script>
--->
- <script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
- <!-- <script src="/javascript/jquery/jquery.min.js"></script> -->
- <!-- <script src="/js/utils.js"></script> -->
- <!-- <script src="/js/clock.js"></script> -->
+ <script src="/javascript/jquery/jquery.min.js"></script>
+ <script src="/js/utils.js"></script>
+ <script src="/js/clock.js"></script>
+ <script src="/js/rhctl.js"></script>
</head>
<body>
- <div id="container">
- <img src="/img/helsinki.png" alt="Radio Helsinki Logo" />
- <h1>Radio Helsinki - Automation Status</h1>
+ <div id="main" class="container-fluid">
+ <div class="row">
+ <div id="logo" class="col-md-2 col-md-offset-1">
+ <img src="/img/helsinki.png" alt="Radio Helsinki Logo" />
+ </div>
+ <div id="title" class="col-md-5">
+ <h1>Radio Helsinki - Automation Status</h1>
+ </div>
+ <div class="col-md-2">
+ <div id="clock">
+ <span class="current-week"></span>
+ <span class="clock-date"></span>
+ <span class="clock-time"></span>
+ </div>
+ </div>
+ </div>
- <div id="clock"></div>
+ <div class="row">
+ <div id="rhctl" class="col-md-6 col-md-offset-3">
+ </div>
+ </div>
</div>
- <!-- <script type="text/javascript"> -->
- <!-- clock_init(); -->
- <!-- </script> -->
- <script type="text/babel">
- ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('clock'));
+ <script type="text/javascript">
+ clock_init();
+ rhctl_init();
</script>
</body>