summaryrefslogtreecommitdiff
path: root/www/index.html
diff options
context:
space:
mode:
authorChristian Pointner <equinox@helsinki.at>2016-09-25 17:00:39 (GMT)
committerChristian Pointner <equinox@helsinki.at>2016-09-25 17:01:12 (GMT)
commitabff311cf69765ce7afebfb1523d37717af88e8e (patch)
treea47fc6fc1ec1edcb3e6ef48ae25da14dcb530e99 /www/index.html
parentc29fb1651d3b8c5211da2d8f527b7f41370ad287 (diff)
use bootstrap for styling
Diffstat (limited to 'www/index.html')
-rw-r--r--www/index.html35
1 files changed, 19 insertions, 16 deletions
diff --git a/www/index.html b/www/index.html
index f08908e..3b7c067 100644
--- a/www/index.html
+++ b/www/index.html
@@ -6,33 +6,36 @@
<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/main.css" rel="stylesheet">
- <script src="/javascript/jquery/jquery.min.js"></script>
- <script src="/js/utils.js"></script>
- <script src="/js/clock.js"></script>
- <script src="/js/system.js"></script>
+
+ <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> -->
</head>
<body>
<div id="container">
<img src="/img/helsinki.png" alt="Radio Helsinki Logo" />
<h1>Radio Helsinki - Automation Status</h1>
- <div id="clock">
- <span class="current-week"></span>
- <span class="clock-date"></span>
- <span class="clock-time"></span>
- </div>
+ <div id="clock"></div>
- <div id="system">
- <span>Active System</span>
- <span class="system-name label label-default">unknown</span>
- </div>
</div>
- <script type="text/javascript">
- clock_init();
- system_init();
+ <!-- <script type="text/javascript"> -->
+ <!-- clock_init(); -->
+ <!-- </script> -->
+ <script type="text/babel">
+ ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('clock'));
</script>
</body>