0
@@ -1,5 +1,4 @@
0
 <div class="group">
0
-  <h3><%= title %></h3>
0
   <dl>
0
     <dt>
0
       <%= f.label_for :data, :text => labels[:data] %>

0
@@ -5,8 +5,14 @@
0
   <span class="event-time"><%= event_time_for event, later %></span>
0
   <blockquote><p>&quot;<%= truncate strip_tags(event.body), 100 %>&quot;</p></blockquote>
0
   <span class="meta">
0
-    &mdash; <%=h event.author %>
0
-
0
+    &mdash; <%=h event.author %> | <%= link_to_function 'Respond', %(Element.toggle('respond-#{event.id}')), :class => 'adds' %>
0
   </span>
0
+  <div id="respond-<%= event.id %>" style="display:none" class="response">
0
+    <blockquote><p>&quot;<%= strip_tags(event.body)%>&quot;</p></blockquote>
0
+    
0
+    <textarea rows="4" cols="50">
0
+    </textarea>
0
+    <p class="btns"><%= submit_tag 'Post comment' %></p>
0
+  </div>
0
 </li>
0
 <% end -%>

0
@@ -1,4 +1,11 @@
0
-<div id="flash-notice" style="display:none"></div>
0
+<% content_for :action_nav do %>
0
+  <div id="page-nav">
0
+    <ul id="act-nav" class="clear">
0
+      <li><%= link_to "New template", :controller => 'design' %></li>
0
+    </ul>
0
+  </div>
0
+<% end %>
0
+
0
 <div id="template-container">
0
 <% form_remote_for :template, @tmpl, :url => { :action => 'update', :id => @tmpl }, 
0
      :html     => { :id => 'template-form' } do |f| -%>
0
@@ -6,7 +13,7 @@
0
   :title  => @tmpl.filename,
0
   :hint   => 'You can use HTML and Liquid in your template.',
0
   :f      => f,
0
-  :labels => { :data     => 'Template source code',
0
+  :labels => { :data     => "Edit #{@tmpl.filename} source code",
0
                :filename => 'Title of your template' }
0
  } %>
0
 <p class="btns">

0
@@ -811,7 +811,7 @@ li.event-comment  { background-image: url(../images/icons/commentb.gif); }
0
 li.event-article  { background-image: url(../images/icons/articleb.gif); }
0
 li.event-none     { background-image: url(../images/icons/minusb.gif); }
0
 
0
-.shade { background-color: #DFF4F5; }
0
+.shade { background-color: #eee; }
0
 
0
 .events li blockquote {
0
 }
0
@@ -819,10 +819,13 @@ li.event-none     { background-image: url(../images/icons/minusb.gif); }
0
 .events li blockquote p {
0
   margin: 0 !important;
0
   padding: 0 !important;
0
-  font-style: italic;
0
-  font-size: 95%;
0
+  color: #000;
0
+  font: italic 100% "Times New Roman", serif;
0
 }
0
 
0
+.events textarea {
0
+  width: 100%;
0
+}
0
 
0
 .events .meta {
0
   display: block;
0
@@ -834,6 +837,27 @@ li.event-none     { background-image: url(../images/icons/minusb.gif); }
0
   font-size: 90%;
0
 }
0
 
0
+.response {
0
+  margin: 5px 0 20px 20px;
0
+  border-left: 7px solid #333;
0
+  padding: 5px;
0
+}
0
+
0
+.response blockquote {
0
+  padding: 20px;
0
+}
0
+
0
+.response blockquote p {
0
+  font-family: "Times New Roman", serif;
0
+  font-size: 110% !important;
0
+  margin-bottom: 10px;
0
+  color: #000;
0
+}
0
+
0
+.response p.btns {
0
+  margin: 0;
0
+  background: #eee;
0
+}
0
 
0
 /*
0
  *=PAGINATION
0
@@ -853,6 +877,7 @@ li.event-none     { background-image: url(../images/icons/minusb.gif); }
0
  *=MISC
0
  */
0
 
0
+a.adds { color: #017CA2;}
0
 
0
 .feed {
0
   background: url(../images/icons/feed-icon-12x12.gif) 0 50% no-repeat;
0
@@ -884,7 +909,7 @@ li.event-none     { background-image: url(../images/icons/minusb.gif); }
0
 }
0
 
0
 .hint { 
0
-  color: #888; 
0
+  color: #555; 
0
   font-size: 90%;
0
 }
0