4 files changed, 107 insertions, 0 deletions
diff --git a/views/hootstream/filters.ejs b/views/hootstream/filters.ejs
new file mode 100644
index 0000000..27177aa
--- /dev/null
+++ b/views/hootstream/filters.ejs
@@ -0,0 +1,29 @@
+<div id="hootfilters">
+   <label>
+    <input type="checkbox" name="images" />
+    <span>images</span>
+  </label>
+  <label>
+    <input type="checkbox" name="music" />
+    <span>music</span>
+  </label>
+  <label>
+    <input type="checkbox" name="hoots" />
+    <span>hoots</span>
+  </label>
+ <label>
+    <input type="checkbox" name="comments" />
+    <span>comments</span>
+  </label>
+  <div>
+    &middot;
+  </div>
+  <div>
+    sort by
+  </div>
+  <div className="sort{{sort_direction}}">
+    <label><input type="radio" name="sort"><span>name</span></label>
+    <label><input type="radio" name="sort"><span>date</span></label>
+    <label><input type="radio" name="sort"><span>size</span></label>
+  </div>
+</div>
+\ No newline at end of file
diff --git a/views/hootstream/hootform.ejs b/views/hootstream/hootform.ejs
new file mode 100644
index 0000000..2dbad9e
--- /dev/null
+++ b/views/hootstream/hootform.ejs
@@ -0,0 +1,8 @@
+<div id="hootform">
+  <form autocomplete="off">
+    <input type="text" name="comment" autocomplete="off" required>
+    <button class="hoot"><%= hoot_text %></button>
+  </form>
+  <div class="errors"></div>
+</div>
+
diff --git a/views/hootstream/index.ejs b/views/hootstream/index.ejs
new file mode 100644
index 0000000..165e7e7
--- /dev/null
+++ b/views/hootstream/index.ejs
@@ -0,0 +1,11 @@
+<% include ../hootstream/filters %>
+
+<div class="bluebox alert"></div>
+
+<div id="hootstream">
+  <div id="audio"></div>
+  <div id="hootevents">
+  </div>
+  <% include ./hootform %>
+  <% include ./templates %>
+</div>
+\ No newline at end of file
diff --git a/views/hootstream/templates.ejs b/views/hootstream/templates.ejs
new file mode 100644
index 0000000..9e9a114
--- /dev/null
+++ b/views/hootstream/templates.ejs
@@ -0,0 +1,59 @@
+<script class="hootTemplate" type="text/html">
+  <div class="{{className}}">
+    <a class="userLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
+      {{username}}
+    </a>
+    <a class="avatarLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
+      <div class="avatar" title="{{username}}" style="background-image:url({{image}});opacity:{{showAvatar}};"></div>
+    </a>
+    <div class="text" style="opacity: {{hoot_opacity}}">{{hoot}}</div>
+    <div class="age date" style="opacity: {{age_opacity}}">{{age}}</div>
+  </div>
+</script>
+
+<script class="threadTemplate" type="text/html">
+  <div class="{{className}}">
+    <a class="userLink" href="/stream/profile/{{username}}" style="opacity: {{thread_opacity}}">
+      {{username}}
+    </a>
+    <a class="avatarLink" href="/stream/profile/{{username}}" style="opacity: {{age_opacity}}">
+      <div class="avatar" title="{{username}}" style="background-image:url({{image}});opacity:{{showAvatar}};"></div>
+    </a>
+    <div class="text" style="opacity: {{age_opacity}}">{{hoot}}</div>
+    <div class="keyword">{{keyword_link}}</div>
+    <div class="commentCount" style="opacity: {{comment_opacity}}">{{comment_count}}</div>
+    <div class="fileCount" style="opacity: {{file_opacity}}">{{file_count}}</div>
+    <div class="age date" style="opacity: {{age_opacity}}">{{age}}</div>
+  </div>
+</script>
+
+<script class="lastlogTemplate" type="text/html">
+  <div class="{{className}}" style="opacity: {{opacity}}">
+    <a class="userLink" href="/stream/profile/{{username}}">
+      {{username}}
+    </a>
+    <div class="text">{{hoot}}</div>
+    <div class="age date">{{age}}</div>
+  </div>
+</script>
+
+<script class="fileTemplate" type="text/html">
+  <div class="fileRow">
+    <div class="filename" style="opacity: {{age_opacity}}">
+      <a href="{{link}}" title="{{id}}" class="file">{{filename}}</a>
+    </div>
+    <div class="size" style="opacity: {{age_opacity}}">
+      {{size}}
+    </div>
+    <div class="age {{date_class}}" style="opacity: {{age_opacity}}">
+      {{age}}
+    </div>
+  </div>
+</script>
+
+<script class="imageTemplate" type="text/html">
+  <div class="image"><a href="{{link}}"><img src="{{src}}"></a></div>
+</script>
+
+<script class="hootImages" type="text/html">
+</script>
+\ No newline at end of file