Skeleton HTML files for static view interface
Matt S Trout [Mon, 18 Jan 2010 01:33:53 +0000 (01:33 +0000)]
My intention is to use the id="main-content" as a merge point - layout.html
will be applied to the per-page HTML files.

The announcement thing is a bit clumsily worded because I really want to
avoid having to handle quant/pluralisation for the first pass - that would
raise all sorts of fascinating questions wrt using i18n stuff for _quant and
similar, and, well, blow that for a game of soliders.

Mark explained what was required for the FLV player, but (1) since I try and
avoid knowing anything about flash I had no idea what he was talking about,
(2) the first deployment will probably be on dreamhost who have their own
player and so while that's going to be all we support to begin with I'd like
to make it reasonably easy for somebody to write support for something else.

I consider this a good excuse to completely ignore it for the moment.

share/html/bucket.html [new file with mode: 0644]
share/html/front-page.html [new file with mode: 0644]
share/html/layout.html [new file with mode: 0644]
share/html/video.html [new file with mode: 0644]

diff --git a/share/html/bucket.html b/share/html/bucket.html
new file mode 100644 (file)
index 0000000..4b67051
--- /dev/null
@@ -0,0 +1,11 @@
+<html>
+<body>
+  <div id="main-content">
+    <ul class="video-list">
+      <li class="video">
+        <a class="fill-video-link fill-video-name">Really Imaginative Video Name</a>
+      </li>
+    </ul>
+  </div>
+</body>
+</html>
diff --git a/share/html/front-page.html b/share/html/front-page.html
new file mode 100644 (file)
index 0000000..a2434df
--- /dev/null
@@ -0,0 +1,15 @@
+<html>
+<body>
+  <div id="main-content">
+    <ul class="announcement-list">
+      <li class="announcement">
+        <span class="fill-made-at">29th February 2010</span>
+        <a class="fill-bucket-link">
+          <span class="fill-bucket-name">Some Random Event</span>
+          - (<span class="fill-new-videos">2</span> new of <span call="fill-total-videos">4</span> total)
+        </a>
+      </li>
+    </il>
+  </div>
+</body>
+</html>
diff --git a/share/html/layout.html b/share/html/layout.html
new file mode 100644 (file)
index 0000000..c5a071a
--- /dev/null
@@ -0,0 +1,9 @@
+<html>
+  <head>
+    <title>Idiot Box</title>
+  </head>
+  <body>
+    <h1 id="title">Idiot Box</h1>
+    <div id="main-content" />
+  </body>
+</html>
diff --git a/share/html/video.html b/share/html/video.html
new file mode 100644 (file)
index 0000000..3ec5555
--- /dev/null
@@ -0,0 +1,19 @@
+<html>
+<body>
+  <div id="main-content">
+    <h2 class="fill-video-name">Really Imaginative Video Name</h2>
+    <h4 class="fill-author-name">Just Another Audience Hacker</h4>
+    <a href="fill-bucket-link">
+      To go back to the
+      <b class="fill-bucket-name">Some Random Event</b>
+      group of videos, click here.
+    </a>
+    <span class="fill-player">
+      The crawling horror of javascript and flash will appear here
+    </span>
+    <div class="fill-video-details">
+      The presenter might have provided a link to their slides here. Or they might not. If their name's Matt then they probably didn't remember to upload them yet. Oh well ...
+    </div>
+  </div>
+</body>
+</html>