To see this as a slideshow:
- On Firefox install FullerScreen
- Supposedly it works in Opera out-of-the-box
- Go to Slideshow_Demo.slides
- Press F11
Once you are in the slideshow, it will look like this:
Use "Page Up" and "Page Down" to navigate.
S9-Style Slideshow in Sputnik
S9 is a tool written in Ruby
- Converts Markdown into a web presentation
- Requires FullerScreen
- https://addons.mozilla.org/en-US/firefox/addon/4650
- See http://slideshow.rubyforge.org/
We Likes It
...but not so excited about Ruby
Let's do the same in Sputnik
(But kudos to S9 for showing us the way!)
Make the Template
- Look at the HTML generated by S9
- Turn it into a Cosmo template
- Save it to http://sputnik.freewisdom.org/en/_templates_for_s9
- set "prototype" to "@Lua_Config"
The only complicated part is the $do_slides:
$do_slides[=[
<div class='slide'>
<h1>$heading</h1>
$content
</div>
]=]
Write an Action
We'll also need an "action".
It's simple: most of the work is done by markdown
module(..., package.seeall)
actions = {}
actions.slides = function(node, request, sputnik)
require"markdown"
local delim = "@@@@@@@@@@"
local html = ("\n"..node.markup.transform(node.content).."<h2>"):gsub("<h2>", "\n"..delim.."\n<h2>").."\n"..delim
return cosmo.f(node.templates.SLIDESHOW){
title = node.title,
do_slides = function()
for heading, content in html:gmatch("\n<h2>(.-)</h2>(.-)\n"..delim) do
cosmo.yield{heading=heading, content=content}
end
end
}
end
Save this to ~/sputnik/share/lua/5.1/sputnik/actions/s9.lua
Make a Slide Node
Let's make a node "Slideshow_Demo". (Yes, this one.)
- Put the markdown-formatted presentation in the body.
- Use H2 (
##) as slide titles
- Use H2 (
- Set
templatesto_templates_for_s9 - Set
actionstoslides="s9.slides"
Save.
Check that Slideshow_Demo displays fine. Then try "Slideshow_Demo.slides".
(Remember that you need "FullerScreen" - https://addons.mozilla.org/en-US/firefox/addon/4650)
It's Still a Wiki
Note that it's still a wiki
Wikilinks work as long as we append ".slides to them"
For example: Slideshow Demo 2
To do: no way to link to specific slides
Things to Try Next
We can also create a prototype
(Handy if we'll be making many slideshows).
Create a node "@Slideshow"
Set
templatesto_templates_for_s9Set
actionstoslides="s9.slides"
Then create new slideshow nodes by just setting prototype to `@Slideshow'
Houston new home online logo design web design link building service Cebu hotels
GSP vs Shields live streaming St. Pierre vs Shields live streaming George St. Pierre vs Jake Shields live streaming