Split HTML into header/footer templates

[broadcaster] / broadcaster-server / templates / index.html
diff --git a/broadcaster-server/templates/index.html b/broadcaster-server/templates/index.html

index 367d48c0caae4f2827983aecd5987e3a146fc2db..b688947499a864f36cbecca80beba0839bba4d75 100644 (file)
--- a/broadcaster-server/templates/index.html
+++ b/broadcaster-server/templates/index.html
@@ -1,40 +1,3 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Broadcaster</title>
-    <style type="text/css">
-      table.radio-status, td.outer {
-        border: 1px solid;
-      }
-      table.inner {
-        border-collapse: collapse;
-      }
-      td.clear {
-        width: 5em;
-        height: 5em;
-        text-align: center;
-      }
-      .time-table {
-        font-size: 90%;
-      }
-      .playlist-field {
-        text-align: right;
-        padding-right: 1em;
-        width: 5em;
-      }
-      .playlist-table {
-        font-size: 90%;
-        width: 30em;
-      }
-      .stop {
-        text-align: center;
-      }
-      .head {
-        text-align: center;
-      }
-    </style>
      <script type="text/javascript">
        function connectWebsocket() {
          console.log("Attempting to create websocket connection for radio status sync")
      <script type="text/javascript">
        function connectWebsocket() {
          console.log("Attempting to create websocket connection for radio status sync")
@@ -59,9 +22,7 @@
        // initial connection on page load
        connectWebsocket();
      </script>
        // initial connection on page load
        connectWebsocket();
      </script>
-  </head>
-  <body>
-    <main>
+
        <h1>Welcome!</h1>
        {{if .LoggedIn}}
        <p>Your username is: {{.Username}}.</p>
        <h1>Welcome!</h1>
        {{if .LoggedIn}}
        <p>Your username is: {{.Username}}.</p>
@@ -76,6 +37,3 @@
        <div id="connected-radios">
          <i>Loading...</i>
        </div>
        <div id="connected-radios">
          <i>Loading...</i>
        </div>
-    </main>
-  </body>
-</html>