presenter.erb in showoff-0.12.0

- old
+ new

@@ -14,36 +14,39 @@
 <body>
 <%= erb :help %>
 
 <div id="main">
   <div id="topbar">
-    <div id="slideSource">
+    <span id="slideSource">
       Source:
       <% if @request.host == 'localhost' %>
         <a href="javascript:openEditor();"><span id="slideFile"></span></a>
       <% else %>
         <span id="slideFile">
       <% end %>
-    </div>
+    </span>
     <span id="links">
       <span class="desktop">
         <% if @edit %>
           <a id="edit" href="javascript:editSlide();" title="Edit current slide in new window.">Edit Slide</a>
         <% end %>
         <% if @issues %>
           <a id="report" href="javascript:reportIssue();" title="Report an issue with the current slide.">Report Issue With Slide</a>
         <% end %>
-        <span class="spacer"> </span>
-        <a id="statslink" href="" class="popdown">Viewing Statistics</a>
-        <a id="downloadslink" href="" class="popdown">Downloads</a>
-        <span class="spacer"> </span>
-        <a id="slaveWindow" href="javascript:toggleSlave();" title="Enable the display window." class="popout">Display Window</a>
-        <a id="nextWindow" href="javascript:toggleNext();" title="Enable the next window view." class="popout">Next Window</a>
-        <a id="notesWindow" href="javascript:toggleNotes();" title="Enable the popout notes window." class="popout">Notes Window</a>
-        <span class="spacer"> </span>
-        <a id="generatePDF" href="/pdf" title="Call out to wkhtmltopdf to generate a PDF.">Generate PDF</a>
-        <a id="onePage" href="/onepage" title="Load the single page view. Useful for printing.">Single Page</a>
+        <span>
+          <a id="statslink" href="">Viewing Statistics <i class="fa fa-chevron-down"></i></a>
+          <a id="downloadslink" href="">Downloads <i class="fa fa-chevron-down"></i></a>
+        </span>
+        <span>
+          <a id="slaveWindow" href="javascript:toggleSlave();" title="Enable the display window.">Display Window <i class="fa fa-clone"></i></a>
+          <a id="nextWindow" href="javascript:toggleNext();" title="Enable the next window view.">Next Window <i class="fa fa-clone"></i></a>
+          <a id="notesWindow" href="javascript:toggleNotes();" title="Enable the popout notes window.">Notes Window <i class="fa fa-clone"></i></a>
+        </span>
+        <span>
+          <a id="printSlides" href="javascript:printSlides();" title="Print slides using a new window.">Print Slides</a>
+          <a id="onePage" href="/" title="Switch to Display Window.">Switch Views</a>
+        </span>
       </span>
       <span class="mobile">
         <a id="update" href="">Update</a>
       </span>
     </span>
@@ -63,22 +66,21 @@
       <div id="feedbackPace">
         <span id="paceSlow">Speed Up!</span>
         <span id="paceFast">Slow Down!</span>
         <img id="paceMarker" src="<%= @asset_path %>/css/paceMarker.png" />
       </div>
-      <div id="navigation" class="menu"></div>
+      <div id="navigation" class="submenu"></div>
     </div>
     <div id="presenter">
       <div id="preview">
         <img id="disconnected" src="<%= @asset_path %>/css/disconnected-large.png" />
-        <div id="preso" class="zoomed">loading presentation...</div>
+        <div id="preso">loading presentation...</div>
       </div>
       <div id="statusbar">
         <span id="progress">
           Slide: <span id="slideInfo"></span>
         </span>
         <div id="debugInfo"></div>
-        <input id="zoomer" type="range" min="0.5" max="1.5" step="0.01" onchange="javascript:zoom();" title="Alter the zoom level of the slide preview." />
         <span id="enableRemote" title="Enables tracking of other presenters.">
           <label for="remoteToggle">Enable Remote</label><input type="checkbox" id="remoteToggle" checked />
         </span>
         <span id="enableFollower" title="Send slide change notifications.">
           <label for="followerToggle">Update Follower</label><input type="checkbox" id="followerToggle" checked />