Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

sidebar menu and source section

  • Loading branch information...
commit 1d75ee04a0d4d59a2cb693807085e61a042f0d2b 1 parent 337f9f8
@schacon authored
View
22 TODO.txt
@@ -1,12 +1,32 @@
TODO
=================
+==
+
+- test suite
+- static, heroku, github, pdf, presenter, normal all working
+- pdf with notes
+- clean up js
+- clean up ruby
+- presenter view
+ - timer (time left, percent done, percent time done)
+ - menu / goto
+ - settings (footer, debug?)
+ - madden?
+- track file each slide is from
+- editing slides
+- webpage
+- message on startup
+- fix heroku gem shit
+
+
+==
+
- can have showoff.json in each subdir
- showoff add
- add slides of images directory (refactor script/import_images.rb)
- simple highlighting (highlight region of slide / click to highlight)
- presenter tools
- - notes view (quick polling)
- preview column
- preview
- audience interface
View
14 bin/showoff
@@ -77,6 +77,20 @@ command :serve do |c|
c.flag [:f, :pres_file]
c.action do |global_options,options,args|
+
+ url = "http://#{options[:h]}:#{options[:p].to_i}"
+ puts "
+-------------------------
+
+Your ShowOff presentation is now starting up.
+
+To view it plainly, visit [ #{url} ]
+
+To run it from presenter view, go to: [ #{url}/presenter ]
+
+-------------------------
+
+"
ShowOff.run! :host => options[:h], :port => options[:p].to_i, :pres_file => options[:f], :pres_dir => args[0], :verbose => options[:verbose]
end
end
View
26 public/css/presenter.css
@@ -10,7 +10,13 @@ div.zoomed {
font-size: 1.5em;
}
-#progress { padding: 5px; }
+#progress {
+ padding: 10px;
+}
+#slideSource {
+ padding: 10px;
+ background: #9d9;
+}
#preview {
min-height: 430px;
@@ -40,3 +46,21 @@ div.zoomed {
min-height: 150px;
padding: 20px;
}
+
+.menu {
+ height: 350px;
+ max-height: 350px;
+ overflow:auto;
+}
+
+.menu a {
+ display: block;
+ color: #000;
+}
+.menu > ul > li > ul {
+ padding-left: 20px;
+}
+.menu > ul > li > a {
+ padding: 10px;
+ background: #eee;
+}
View
28 public/js/presenter.js
@@ -3,26 +3,44 @@ var w = null;
$(function(){
w = window.open('/');
+ // side menu accordian crap
+ $("#preso").bind("showoff:loaded", function (event) {
+ $(".menu > ul ul").hide()
+ $(".menu > ul a").click(function() {
+ if ($(this).next().is('ul')) {
+ $(this).next().toggle()
+ } else {
+ gotoSlide($(this).attr('rel'))
+ w.gotoSlide($(this).attr('rel'))
+ postSlide()
+ }
+ return false
+ }).next().hide()
+ })
});
function presPrevStep()
{
prevStep()
w.prevStep()
- showNotes()
+ postSlide()
}
function presNextStep()
{
nextStep()
w.nextStep()
- showNotes()
+ postSlide()
}
-function showNotes()
+function postSlide()
{
- var notes = w.getCurrentNotes()
- $('#notes').text(notes)
+ if(currentSlide) {
+ var notes = w.getCurrentNotes()
+ var fileName = currentSlide.children().first().attr('ref')
+ $('#notes').text(notes)
+ $('#slideFile').text(fileName)
+ }
}
// See e.g. http://www.quirksmode.org/js/keys.html for keycodes
View
12 views/presenter.erb
@@ -12,7 +12,6 @@
<body>
<a tabindex="0" href="#search-engines" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="navmenu"><span class="ui-icon ui-icon-triangle-1-s"></span>slides</a>
-<div id="navigation" class="hidden"></div>
<div id="help">
<table>
@@ -22,9 +21,7 @@
<tr><td class="key">d</td><td>toggle debug mode</td></tr>
<tr><td class="key">## &lt;ret&gt;</td><td>go to slide #</td></tr>
<tr><td class="key">c, t</td><td>table of contents (vi)</td></tr>
- <tr><td class="key">f</td><td>toggle footer</td></tr>
<tr><td class="key">r</td><td>reload slides</td></tr>
- <tr><td class="key">n</td><td>toggle notes</td></tr>
<tr><td class="key">p</td><td>run preshow</td></tr>
</table>
</div>
@@ -42,13 +39,12 @@
<div id="progress">
Slide: <span id="slideInfo"></span>
</div>
+ <div id="slideSource">
+ Source: <span id="slideFile"></span>
+ </div>
<div id="debugInfo"></div>
<div id="slidemenu">
- <h2>Slides</h2>
- <ul>
- <li>Section 1</li>
- <li>Section 2</li>
- </ul>
+ <div id="navigation" class="menu"></div>
</div>
</div>
<div id="preview" class="grid_8">
Please sign in to comment.
Something went wrong with that request. Please try again.