doc/_site/en/sample/hiki/rabbit.html in rabbit-1.0.7 vs doc/_site/en/sample/hiki/rabbit.html in rabbit-1.0.8
- old
+ new
@@ -60,285 +60,461 @@
<div id="body">
<div id="main">
<section class="contents">
<pre>// To run with it without system install.
-// % ruby -I./lib bin/rabbit -f sample/rabbit-en.rd</pre>
-<pre>! Rabbit(en)</pre>
-<pre>:subtitle:Presentation with Wiki notation
+// % ruby -I./lib bin/rabbit -f sample/rabbit-en.rd
+
+! Rabbit(en)
+
+:subtitle:Presentation with Wiki notation
:author:Kouhei Sutou
:institution:COZMIXNG
//:content_source:content source
-:theme:rabbit</pre>
-<pre>! Rabbit</pre>
-<pre>A presentation tool</pre>
-<pre>* Impl.: Ruby/GTK+ 2/cairo
+:theme:rabbit
+
+! Rabbit
+
+A presentation tool
+
+* Impl.: Ruby/GTK+ 2/cairo
* Env.: PC-UNIX/Win/Mac
* Format: RD/Wiki/PDF
-* View: Ruby{{note('(separated with format)')}}</pre>
-<pre>! Features: Display (1)</pre>
-<pre>* ''Emphasis''/==Deletion==
+* View: Ruby{{note('(separated with format)')}}
+
+! Features: Display (1)
+
+* ''Emphasis''/==Deletion==
* Sub{{sub('script')}}/Super{{sup('script')}}
* Math characters: {{e('sum')}}{{sub('i=0')}}{{e('sum', sub('i=0'))}}
-* Colorized source</pre>
-<pre>! Features: Display (2)</pre>
-<pre>* Tables
+* Colorized source
+
+! Features: Display (2)
+
+* Tables
* Interesting themes
* Images
** Many supported formats
-** PNG/JPEG/.../PDF/EPS/SVG</pre>
-<pre>! Features: Display (3)</pre>
-<pre>* Folding long lines
+** PNG/JPEG/.../PDF/EPS/SVG
+
+! Features: Display (3)
+
+* Folding long lines
* Colorized source
-* Big text</pre>
-<pre>! Features: UI (1)</pre>
-<pre>* Rich key bindings
+* Big text
+
+! Features: UI (1)
+
+* Rich key bindings
* Context menu
* Mouse gestures
* Spotlight
-* Magnifier</pre>
-<pre>! Features: UI (2)</pre>
-<pre>* Index page
+* Magnifier
+
+! Features: UI (2)
+
+* Index page
* Graffiti
* {{wait}}Pause
* {{wait}}I18N
-* Search</pre>
-<pre>! Features: UI (3)</pre>
-<pre>* Whiteout/Blackout
+* Search
+
+! Features: UI (3)
+
+* Whiteout/Blackout
* Rabbit hole
** Make a hole in a slide
* Visualization of remaining time
-** The Tortoise and the Hare</pre>
-<pre>! Features: Input</pre>
-<pre>* File
+** The Tortoise and the Hare
+
+! Features: Input
+
+* File
* Standard input
* HTTP
* Hiki
-* SlideShare</pre>
-<pre>! Features: Format</pre>
-<pre>* RD
+* SlideShare
+
+! Features: Format
+
+* RD
* Wiki(Hiki)
* PDF
-** {{e('RightArrow')}}PDF viewer</pre>
-<pre>! Features: Output</pre>
-<pre>* Images
+** {{e('RightArrow')}}PDF viewer
+
+! Features: Output
+
+* Images
* Images + HTML
* PS/PDF
* PS/PDF for print
-** slides/page</pre>
-<pre>! Features: Ext. API</pre>
-<pre>* HTTP
+** slides/page
+
+! Features: Ext. API
+
+* HTTP
* dRuby
* XML-RPC
-* SOAP</pre>
-<pre>! Features: Creating</pre>
-<pre>* Auto source reload
+* SOAP
+
+! Features: Creating
+
+* Auto source reload
* Theme reload
-* Change theme</pre>
-<pre>! Features: Tag</pre>
-<pre>{{tag('x-large', 'Large Text')}}</pre>
-<pre>{{tag('center')}}Centerized Text</pre>
-<pre>{{tag('right')}}Right-Justified Text</pre>
-<pre>! ToDo</pre>
-<pre>* Inline images
+* Change theme
+
+! Features: Tag
+
+{{tag('x-large', 'Large Text')}}
+
+{{tag('center')}}Centerized Text
+
+{{tag('right')}}Right-Justified Text
+
+! ToDo
+
+* Inline images
* Jump to a link
* Sound
* Video
-* 3D</pre>
-<pre>! Image</pre>
-<pre>{{image("lavie.png",
+* 3D
+
+! Image
+
+{{image("lavie.png",
{
:caption => "Lavie",
:keep_ratio => true,
:width => 100,
:height => 100,
- # :normalized_width => 50,
- # :normalized_height => 50,
- # :relative_width => 100,
- # :relative_height => 50,
- })}}</pre>
-<pre>! Image: Reflect</pre>
-<pre>{{image("shocker.jpg",
+# :normalized_width => 50,
+# :normalized_height => 50,
+# :relative_width => 100,
+# :relative_height => 50,
+ })}}
+
+! Image: Reflect
+
+{{image("shocker.jpg",
{
:relative_height => 80,
:reflect_ratio => 0.5,
- })}}</pre>
-<pre>! Image: Background (1)</pre>
-<pre>* Background image
-* Centering by default</pre>
-<pre>!! Properties</pre>
-<pre>:background-image:lavie.png
+ })}}
+
+! Image: Background (1)
+
+* Background image
+* Centering by default
+
+!! Properties
+
+:background-image:lavie.png
:background-image-relative-width:50
//:background-image-align:right
-:background-image-relative-margin-right:3</pre>
-<pre>! Image: Background (2)</pre>
-<pre>{{image("lavie.png",
+:background-image-relative-margin-right:3
+
+! Image: Background (2)
+
+{{image("lavie.png",
{
:relative_width => 30,
:align => "right",
- # :vertical_align => "top",
+# :vertical_align => "top",
:relative_margin_right => -5,
- })}}</pre>
-<pre>* Right justified backgorund image
+ })}}
+
+* Right justified backgorund image
* Specify in slide
-** :align => "right"</pre>
-<pre>! Image size</pre>
-<pre>Relative image sizes</pre>
-<pre>{{image("usagi.png",
+** :align => "right"
+
+! Image size
+
+Relative image sizes
+
+{{image("usagi.png",
{
:caption => "USAGI",
:keep_ratio => true,
- # :normalized_width => 50,
- # :normalized_height => 50,
- # :relative_width => 100,
+# :normalized_width => 50,
+# :normalized_height => 50,
+# :relative_width => 100,
:relative_height => 80,
- })}}</pre>
-<pre>! External image</pre>
-<pre>Download an image from a URL</pre>
-<pre>{{image("http://www.cozmixng.org/repos/images/cozmixchu.png",
- :caption => "COZMIX Chu")}}</pre>
-<pre>// [[COZMIX Chu|http://www.cozmixng.org/repos/images/cozmixchu.png]]
-// This syntax isn't supported yet.</pre>
-<pre>! Math. expressions</pre>
-<pre>* TeX {{note('(like)')}} format
+ })}}
+
+! External image
+
+Download an image from a URL
+
+{{image("http://www.cozmixng.org/repos/images/cozmixchu.png",
+ :caption => "COZMIX Chu")}}
+
+// [[COZMIX Chu|http://www.cozmixng.org/repos/images/cozmixchu.png]]
+// This syntax isn't supported yet.
+
+! Math. expressions
+
+* TeX {{note('(like)')}} format
* Backends
** LaTeX
-** mimeTeX</pre>
-<pre>! LaTeX</pre>
-<pre>{{latex(<<-'EOL', :relative_width => 80)
- $f(x)=\displaystyle\int_{-\infty}^x~e^{-t^2}dt$
+** mimeTeX
- \LaTeX
- EOL
- }}</pre>
-<pre>! mimeTeX</pre>
-<pre>{{mimetex('\Large f(x)=\Bigint_{-\infty}^x~e^{-t^2}dt',
- :relative_width => 80)}}</pre>
-<pre>! EPS</pre>
-<pre>Create EPS ahead of time{{note('(needs gs)')}}</pre>
-<pre>{{image('equation.eps',
+! LaTeX
+
+{{latex(<<-'EOL', :relative_width => 80)
+$f(x)=\displaystyle\int_{-\infty}^x~e^{-t^2}dt$
+
+\LaTeX
+EOL
+}}
+
+! mimeTeX
+
+{{mimetex('\Large f(x)=\Bigint_{-\infty}^x~e^{-t^2}dt',
+ :relative_width => 80)}}
+
+! EPS
+
+Create EPS ahead of time{{note('(needs gs)')}}
+
+{{image('equation.eps',
:keep_ratio => true,
- :relative_width => 80)}}</pre>
-<pre>! SVG</pre>
-<pre>{{image("spiral.svg",
+ :relative_width => 80)}}
+
+! SVG
+
+{{image("spiral.svg",
:keep_ratio => true,
- :relative_height => 100)}}</pre>
-<pre>! Dia</pre>
-<pre>{{image("rabbit.dia",
- :relative_width => 90)}}</pre>
-<pre>! GIMP</pre>
-<pre>{{image("rabbit.xcf",
- :relative_height => 100)}}</pre>
-<pre>= aafigure</pre>
-<pre>{{aafigure("
- A B C D E F G H I J K L M
- AA BB CC DD EE FF GG HH II JJ KK LL MM
- AA BB CC DD EE FF GG HH II JJ KK LL MM
+ :relative_height => 100)}}
- aa bb cc dd ee ff gg hh ii jj kk ll mm
- aa bb cc dd ee ff gg hh ii jj kk ll mm
+! Dia
- N O P Q R S T U V W X Y Z
- NN OO PP QQ RR SS TT UU VV WW XX YY ZZ
- NN OO PP QQ RR SS TT UU VV WW XX YY ZZ
+{{image("rabbit.dia",
+ :relative_width => 90)}}
- nn oo pp qq rr ss tt uu vv ww xx yy zz
- nn oo pp qq rr ss tt uu vv ww xx yy zz",
+! GIMP
+
+{{image("rabbit.xcf",
+ :relative_height => 100)}}
+
+= aafigure
+
+{{aafigure("
+A B C D E F G H I J K L M
+ AA BB CC DD EE FF GG HH II JJ KK LL MM
+ AA BB CC DD EE FF GG HH II JJ KK LL MM
+
+ aa bb cc dd ee ff gg hh ii jj kk ll mm
+ aa bb cc dd ee ff gg hh ii jj kk ll mm
+
+N O P Q R S T U V W X Y Z
+ NN OO PP QQ RR SS TT UU VV WW XX YY ZZ
+ NN OO PP QQ RR SS TT UU VV WW XX YY ZZ
+
+ nn oo pp qq rr ss tt uu vv ww xx yy zz
+ nn oo pp qq rr ss tt uu vv ww xx yy zz",
{
:relative_width => 90,
- # :foreground => "#ff3333",
- })}}</pre>
-<pre>! Word Wrapping</pre>
-<pre>looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong</pre>
-<pre>! Source</pre>
-<pre>The following is source code:</pre>
-<pre><<<
+# :foreground => "#ff3333",
+ })}}
+
+! Word Wrapping
+
+looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong
+
+! Source
+
+The following is source code:
+
+<<<
# comment
def method_name
body
-end
->>></pre>
-<pre>End of source code.</pre>
-<pre>! Source: colorized</pre>
-<pre>The following is source code:</pre>
-<pre><<< ruby
-# comment
-def method_name
- body
-end
->>></pre>
-<pre>End of source code.</pre>
-<pre>! Quotation</pre>
-<pre>""You take the ''red pill'', you stay in Wonderland and
-""I show you how deep the ''rabbit-hole'' goes.</pre>
-<pre>! Enumeration</pre>
-<pre># Level 1-1
-## Level 2-1
-### Level 3-1
-### Level 3-2
-## Level 2-2
-# Level 1-2</pre>
-<pre>! Labeled list</pre>
-<pre>:Rabbit:USAGI
-:Turtle:KAME</pre>
-<pre>:USAGI:Rabbit</pre>
-<pre>! Table</pre>
-<pre>||!Heading 1||!Heading 2
-||content 1||content 2
-||very long content 3||veeeery looooooooooooooooooooooong content 4</pre>
-<pre>! Op.: Move</pre>
-<pre>:Next page:Bindings for next page/Left click\nn, f, j, l, Spc, Ret, +, {{e('DownArrow')}}, {{e('RightArrow')}}, ...</pre>
-<pre>:Previous page:Bindings for prev. page/Center click\np, b, k, h, BS, Del, -, {{e('UpArrow')}}, {{e('LeftArrow')}}, ...</pre>
-<pre>! Op.: Advanced move</pre>
-<pre>:Go to the title page:a, 0, <, Home
-:Go to page n:1-9. +Ctrl = +10, +Alt = +20
-:Go to the last page:e, $, >, End</pre>
-<pre>! Op.: On stage (1)</pre>
-<pre>:Toggle full screen:F5, F10, F11, Gesture{{e('DownArrow')}}{{e('UpArrow')}}
-:Toggle index mode:i
-:Go to the page:Double click on the desired page</pre>
-<pre>! Op.: On stage (2)</pre>
-<pre>:Cache all slides:c
-:Toggle info window:I</pre>
-<pre>! Op.: On stage (3)</pre>
-<pre>:Magnifier:Ctrl + right click\nChange scale by wheel
-:Spotlight:Double right clicks\nChange radius by wheel</pre>
-<pre>! Op.: On stage (4)</pre>
-<pre>:Graffiti:Popup menu (right click) {{e('rightarrow')}}\n"Graffiti mode"
-:Mouse gesture:Right button drag</pre>
-<pre>! Op.: On stage (5)</pre>
-<pre>:Whiteout:W
-:Blackout:B</pre>
-<pre>! Op.: Save</pre>
-<pre>:Screenshot:Save each page as an image\ns
-:Print:Print each page as PS/PDF\nCtrl+p</pre>
-<pre>! Op.: Display</pre>
-<pre>:Redraw:Ctrl+l
-:Reload theme:t, r
-:Reset slide adjustment:Alt+a</pre>
-<pre>! Op.: Hole</pre>
-<pre>:Expand the hole:E
-:Narrow the hole:N</pre>
-<pre>! Op.: Search</pre>
-<pre>:Search forward:C-s, /
-:Search backward:C-r, ?
-:Quit search:C-g</pre>
-<pre>! Op.: Quit</pre>
-<pre>:Quit:q, Esc
-:Iconify:z</pre>
-<pre>! Conclusion</pre>
-<pre>* A presentation tool
-* Multi platform
-* Feat./UI: High & Unique
-* Emphasize keybord shortcuts
-** UI/text based source</pre>
+end</pre>
+<p>End of source code.</p>
+<h2>Source: colorized</h2>
+<p>The following is source code:</p>
+<pre><span class="comment"># comment</span>
+<span class="keyword">def </span><span class="method">method_name</span>
+ <span class="ident">body</span>
+<span class="keyword">end</span></pre>
+<p>End of source code.</p>
+<h2>Quotation</h2>
+<blockquote><p>You take the <em>red pill</em>, you stay in Wonderland and
+I show you how deep the <em>rabbit-hole</em> goes.</p>
+</blockquote>
+<h2>Enumeration</h2>
+<ol>
+<li>Level 1-1<ol>
+<li>Level 2-1<ol>
+<li>Level 3-1</li>
+<li>Level 3-2</li>
+</ol></li>
+<li>Level 2-2</li>
+</ol></li>
+<li>Level 1-2</li>
+</ol>
+<h2>Labeled list</h2>
+<dl>
+<dt>Rabbit</dt>
+<dd>USAGI
+</dd>
+<dt>Turtle</dt>
+<dd>KAME
+</dd>
+</dl>
+<dl>
+<dt>USAGI</dt>
+<dd>Rabbit
+</dd>
+</dl>
+<h2>Table</h2>
+<table border="1">
+<tr><th>Heading 1</th><th>Heading 2
+</th></tr>
+<tr><td>content 1</td><td>content 2
+</td></tr>
+<tr><td>very long content 3</td><td>veeeery looooooooooooooooooooooong content 4
+</td></tr>
+</table>
+<h2>Op.: Move</h2>
+<dl>
+<dt>Next page</dt>
+<dd>Bindings for next page/Left click\nn, f, j, l, Spc, Ret, +, <span class="plugin">{{e('DownArrow')}}</span>, <span class="plugin">{{e('RightArrow')}}</span>, ...
+</dd>
+</dl>
+<dl>
+<dt>Previous page</dt>
+<dd>Bindings for prev. page/Center click\np, b, k, h, BS, Del, -, <span class="plugin">{{e('UpArrow')}}</span>, <span class="plugin">{{e('LeftArrow')}}</span>, ...
+</dd>
+</dl>
+<h2>Op.: Advanced move</h2>
+<dl>
+<dt>Go to the title page</dt>
+<dd>a, 0, <, Home
+</dd>
+<dt>Go to page n</dt>
+<dd>1-9. +Ctrl = +10, +Alt = +20
+</dd>
+<dt>Go to the last page</dt>
+<dd>e, $, >, End
+</dd>
+</dl>
+<h2>Op.: On stage (1)</h2>
+<dl>
+<dt>Toggle full screen</dt>
+<dd>F5, F10, F11, Gesture<span class="plugin">{{e('DownArrow')}}</span><span class="plugin">{{e('UpArrow')}}</span>
+</dd>
+<dt>Toggle index mode</dt>
+<dd>i
+</dd>
+<dt>Go to the page</dt>
+<dd>Double click on the desired page
+</dd>
+</dl>
+<h2>Op.: On stage (2)</h2>
+<dl>
+<dt>Cache all slides</dt>
+<dd>c
+</dd>
+<dt>Toggle info window</dt>
+<dd>I
+</dd>
+</dl>
+<h2>Op.: On stage (3)</h2>
+<dl>
+<dt>Magnifier</dt>
+<dd>Ctrl + right click\nChange scale by wheel
+</dd>
+<dt>Spotlight</dt>
+<dd>Double right clicks\nChange radius by wheel
+</dd>
+</dl>
+<h2>Op.: On stage (4)</h2>
+<dl>
+<dt>Graffiti</dt>
+<dd>Popup menu (right click) <span class="plugin">{{e('rightarrow')}}</span>\n"Graffiti mode"
+</dd>
+<dt>Mouse gesture</dt>
+<dd>Right button drag
+</dd>
+</dl>
+<h2>Op.: On stage (5)</h2>
+<dl>
+<dt>Whiteout</dt>
+<dd>W
+</dd>
+<dt>Blackout</dt>
+<dd>B
+</dd>
+</dl>
+<h2>Op.: Save</h2>
+<dl>
+<dt>Screenshot</dt>
+<dd>Save each page as an image\ns
+</dd>
+<dt>Print</dt>
+<dd>Print each page as PS/PDF\nCtrl+p
+</dd>
+</dl>
+<h2>Op.: Display</h2>
+<dl>
+<dt>Redraw</dt>
+<dd>Ctrl+l
+</dd>
+<dt>Reload theme</dt>
+<dd>t, r
+</dd>
+<dt>Reset slide adjustment</dt>
+<dd>Alt+a
+</dd>
+</dl>
+<h2>Op.: Hole</h2>
+<dl>
+<dt>Expand the hole</dt>
+<dd>E
+</dd>
+<dt>Narrow the hole</dt>
+<dd>N
+</dd>
+</dl>
+<h2>Op.: Search</h2>
+<dl>
+<dt>Search forward</dt>
+<dd>C-s, /
+</dd>
+<dt>Search backward</dt>
+<dd>C-r, ?
+</dd>
+<dt>Quit search</dt>
+<dd>C-g
+</dd>
+</dl>
+<h2>Op.: Quit</h2>
+<dl>
+<dt>Quit</dt>
+<dd>q, Esc
+</dd>
+<dt>Iconify</dt>
+<dd>z
+</dd>
+</dl>
+<h2>Conclusion</h2>
+<ul>
+<li>A presentation tool</li>
+<li>Multi platform</li>
+<li>Feat./UI: High & Unique</li>
+<li>Emphasize keybord shortcuts<ul>
+<li>UI/text based source</li>
+</ul></li>
+</ul>
+<p>>>></p>
</section>
</div>
<nav id="sidebar">
<h3>The Latest Release</h3>
- <p><a href="en/news.html">1.0.3</a> is the latest release. It had been released at 2011-07-17.</p>
+ <p><a href="en/news.html">1.0.7</a> is the latest release. It had been released at 2012-05-29.</p>
<h3>Links</h3>
<ul>
<li><a href="/en/">README</a></li>
<li><a href="/en/install/">Install</a></li>
<li><a href="/en/usage.html">Usage</a></li>
@@ -349,10 +525,10 @@
</nav>
</div>
<footer>
- <p class="copyright">© 2004-2011 Kouhei Sutou.</p>
+ <p class="copyright">© 2004-2012 Kouhei Sutou.</p>
</footer>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : null,