externalize the header

[radio.git] / header.tpl
diff --git a/header.tpl b/header.tpl

new file mode 100644 (file)

index 0000000..5e2ad21
--- /dev/null
+++ b/header.tpl
@@ -0,0 +1,37 @@
+<html>
+        <head>
+                <title>All songs</title>
+
+                <link rel="stylesheet"
+                      type="text/css"
+                      href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css"/>
+
+                <script type="text/javascript"
+                        language="javascript"
+                        src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
+                </script>
+
+                <script type="text/javascript"
+                        language="javascript"
+                        src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js">
+                </script>
+
+                <link rel="stylesheet"
+                      type="text/css"
+                      href="style.css"/>
+
+                <script>$(document).ready(function() { $('#songs').DataTable(); } );</script>
+        </head>
+
+        <body>
+                <nav>
+                        <ul>
+                                <li>Proxy Radio</li>
+                                <li><a href="last_songs.html">Played songs</a></li>
+                                <li class="selected"><a href="songs.html">All songs</a></li>
+                        </ul>
+                </nav>
+
+                <section>
+                        <table id="songs" class="display compact" width="100%">
+                                <thead><tr><th>Artist</th><th>Album</th><th>Title</th><th>Comments</th></tr></thead>