gryf/.vim
1
0
Fork 0
mirror of https://github.com/gryf/.vim.git synced 2025-12-17 19:40:29 +01:00
Code Issues Projects Releases Wiki Activity
Files
033d06993ee05e1f521a6801e3e2d76e4e41f56f
.vim/doc2/vst-s5.html

784 lines
14 KiB
HTML
Raw Blame History

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Vim reStructured Text</title>
<meta name="Generator" content="Vim reStructured Text 140 - Vim 7.2" />
<meta name="Author" content="George V. Reilly &lt;george&#64;reilly.org&gt;" />
<meta name="Title" content="Vim reStructured Text - A Quick Introduction" />
<meta name="Date" content="2006/05/12" />
<style type="text/css">
/*<![CDATA[*/
body { color: #000; background-color: #fff; margin: 0px 10%; min-width: 720px; font-family: Verdana, sans-serif;
counter-reset: chapter section subsection subsubsection paragraph lchapter lsection lsubsection lsubsubsection lparagraph}
div.footnote { border-left: 1px solid #000; margin-left: 0em; clear: both }
div.ftext { position: relative; margin-left: 50px }
div.fnumber { float: left; width: 40px; padding: 0em; margin-left: 0.5em; margin-top: 0em }
div.fnumber a { margin: 0px; padding: 0px }
div.ctext { position: relative; margin-left: 100px }
div.cnumber { float: left; width: 90px; padding: 0em; margin-left: 0.5em; margin-top: 0em }
div.cnumber a { margin: 0px; padding: 0px }
div.tip { border: 2px solid #0d0; margin: 0.5em 2em 1em 2em; padding: 0em 1em }
div.warning, div.caution, div.danger, div.error { border: 2px solid #f00; margin: 0.5em 2em 1em 2em; padding: 0em 1em }
div.note, div.hint, div.important { border: 2px solid #000; margin: 0.5em 2em 1em 2em; padding: 0em 1em }
div.figure { display: block; padding: 1em; width: 400px; clear: both}
div.topic { margin: 2em }
div.vstsidebar, div.sidebar { border: 2px solid #aaa; color: #000; background-color: #ffffee; float: right; width: 40%; margin-left: 1em; margin-right: -1em; padding: 1em }
span.strike { text-decoration: line-through }
span.big { font-size: large }
span.small { font-size: small }
span.title { font-style: italic }
span.notetitle { font-size: large; font-weight: 900; font-family: Verdana, sans-serif }
p.toc { font-size: large; font-weight: 900 }
p.notesubtitle { font-weight: 900; font-family: Verdana, sans-serif }
p.attribution { font-style: italic; margin-left: 8em; text-indent: -1.4em }
.vstright { float: right; margin: 1em }
.vstleft { float: left; margin: 1em }
.vstcenter { margin: 1em auto }
blockquote.pull { font-size: large }
p.rubric { font-size: large; margin-left: 2em }
dd.normal { margin-bottom: 0.5em }
dt.option { float: left; margin: 0em 0em 5px 2em; padding: 0px; font-family: monospace }
dd.option { padding: 0px; margin: 0em 0em 5px 10em; text-indent: 0.5em }
dd.option > p { margin: 0px }
dd.normal > p { margin: 0px }
table { border-collapse: collapse; margin: 0.5em 0em }
thead, tfoot { text-align: center; font-weight: bold }
td { border: 1px solid #000; padding: 0.25em; _top: 0%; vertical-align: top }
td blockquote p{ margin: 0px; padding: 0px}
td blockquote { margin: 0px; padding: 0px}
table.vstbless td { border: 0px solid #000; padding: 0.25em; _top: 0%; vertical-align: top }
td > p { margin: 0px }
table.field { border: 0px solid #000; margin-left: 2em; padding: 0.25em; _top: 0%; vertical-align: top }
td.fkey { font-weight: 900 }
td.fval { border: 0px solid #000; padding: 0.25em; _top: 0%; vertical-align: top }
td.fkey { font-weight: 900; border: 0px solid #000; padding: 0.25em; _top: 0%; vertical-align: top }
td.fdkey { text-align: center; font-weight: 900 }
td.fdval { text-align: center; font-style: italic }
td.fakey { text-align: center; font-weight: 900 }
td.faval { border: 0px solid #000; padding: 0.25em; _top: 0%; vertical-align: top }
hr { width: 80%; margin: 1.5em auto }
h1 { text-align: center; clear: both }
h2, h3, h4, h5, h6 { text-align: left; margin-top: 1em; clear: both }
h2 { counter-reset: section subsection subsubsection paragraph }
h3 { counter-reset: subsection subsubsection paragraph }
h4 { counter-reset: subsubsection paragraph }
h5 { counter-reset: paragraph }
h1 a { color: #000; background-color: transparent }
h2 a { color: #000; background-color: transparent }
h3 a { color: #000; background-color: transparent }
h4 a { color: #000; background-color: transparent }
h5 a { color: #000; background-color: transparent }
h6 a { color: #000; background-color: transparent }
p.subh1 { text-align: center; font-size: 120%; font-variant: small-caps }
p.subh2, p.subh3, p.subh4, p.subh5, p.subh6 { text-align: left; font-size: 120%; font-variant: small-caps }
h2:before { content: counter(chapter)" "; counter-increment: chapter }
h3:before { content: counter(chapter)"."counter(section)" "; counter-increment: section }
h4:before { content: counter(chapter)"."counter(section)"."counter(subsection)" "; counter-increment: subsection }
h5:before { content: counter(chapter)"."counter(section)"."counter(subsection)"."counter(subsubsection)" "; counter-increment: subsubsection }
h6:before { content: counter(chapter)"."counter(section)"."counter(subsection)"."counter(subsubsection)"."counter(paragraph)" "; counter-increment: paragraph}
li.h1 { margin-left: 0em }
li.h2 { margin-left: 1em; counter-reset: lsection lsubsection lsubsubsection lparagraph }
li.h3 { margin-left: 2em; counter-reset: lsubsection lsubsubsection lparagraph }
li.h4 { margin-left: 3em; counter-reset: lsubsubsection lparagraph }
li.h5 { margin-left: 4em; counter-reset: lparagraph }
li.h2:before { content: counter(lchapter)" "; counter-increment: lchapter }
li.h3:before { content: counter(lchapter)"."counter(lsection)" "; counter-increment: lsection }
li.h4:before { content: counter(lchapter)"."counter(lsection)"."counter(lsubsection)" "; counter-increment: lsubsection }
li.h5:before { content: counter(lchapter)"."counter(lsection)"."counter(lsubsection)"."counter(lsubsubsection)" "; counter-increment: lsubsubsection }
li.h6:before { content: counter(lchapter)"."counter(lsection)"."counter(lsubsection)"."counter(lsubsubsection)"."counter(lparagraph)" "; counter-increment: lparagraph}
li.h6 { margin-left: 5em }
ol, ul { margin-bottom: 0.5em; margin-top: 0.5em }
ol.loweralpha { list-style-type: lower-alpha }
ol.upperalpha { list-style-type: upper-alpha }
ol.lowerroman { list-style-type: lower-roman }
ol.upperroman { list-style-type: upper-roman }
ol.decimal { list-style-type: decimal }
ul.square { list-style-type: square }
ul.circle { list-style-type: circle }
ul.disc { list-style-type: disc }
li > p { margin: 0em }
img { border: 1px solid #000; padding: 0em; display: block; margin: 1em auto }
img.inline { border: 1px solid #000; padding: 0em; margin: 0em; display: inline }
pre { color: #000; background-color: #eee; margin-left: 2em; clear: both; overflow: auto }
div.unknown { font-family: monospace; color: #000; background-color: #fff; margin: 1em; padding: 1em; clear: both; border: 3px solid red}
pre.quoted { color: #000; background-color: #eee; margin-left: 0em; clear: both; overflow: auto }
pre.rawlatex { color: #000; background-color: #ddd; border: 1px solid #000; padding: 0.1em; clear: both; overflow: auto }
pre.address { font-family: Verdana, sans-serif; display: inline; margin: 0px; color: #000; background-color: #fff; overflow: auto }
span.target { text-decoration: underline }
div.vstfooter hr { width: 100%; margin: 0px }
div.vstfooter p { margin: 0px }
/*]]>*/
</style>
<!-- configuration parameters -->
<meta name="defaultView" content="slideshow" />
<meta name="controlVis" content="hidden" />
<meta name="version" content="S5 1.1" />
<!-- style sheet links -->
<link rel="stylesheet" href="s5ui/slides.css" type="text/css" media="projection" id="slideProj" />
<link rel="stylesheet" href="s5ui/outline.css" type="text/css" media="screen" id="outlineStyle" />
<link rel="stylesheet" href="s5ui/print.css" type="text/css" media="print" id="slidePrint" />
<link rel="stylesheet" href="s5ui/opera.css" type="text/css" media="projection" id="operaFix" />
<!-- S5 JS -->
<script src="s5ui/slides.js" type="text/javascript"></script>
<!-- VST-S5 -->
<style type="text/css">
/*<![CDATA[*/
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { content: "" }
/*]]>*/
</style>
</head>
<body>
<div class="layout">
<div id="controls"><!-- DO NOT EDIT --></div>
<div id="currentSlide"><!-- DO NOT EDIT --></div>
<div id="header"></div>
<div id="footer">
<h1>Vim reStructured Text</h1>
<h2>George V. Reilly &lt;george&#64;reilly.org&gt; &#8226; 2006/05/12</h2>
</div>
</div>
<div class="presentation">
<!-- .. This is a comment
-->
<!-- .. Use ":Vst s5" to generate the HTML for this document
-->
</div>
<div class="slide">
<h1 id="lvim-restructured-text">Vim reStructured Text</h1>
<table class="field" summary="Field list"><tr><td class="fkey">Title:</td><td class="fval"> Vim reStructured Text - A Quick Introduction</td></tr>
<tr><td class="fkey">Author:</td><td class="fval"> George V. Reilly &lt;george&#64;reilly.org&gt;</td></tr>
<tr><td class="fkey">Date:</td><td class="fval"> 2006/05/12</td></tr>
</table>
</div>
<div class="slide">
<h1 id="lwhat-is-vst63">What is VST?</h1>
<p>
<a href="http://skawina.eu.org/mikolaj/vst.html" title="VST">VST</a> is an easy way to produce:
</p>
<ul class="circle">
<li>
<p>
HTML
</p>
</li>
<li>
<p>
S5 Slides, like this document
</p>
</li>
<li>
<p>
LaTeX and PDF
</p>
</li>
</ul>
<p>
from <a href="http://docutils.sf.net" title="reStructured text">reStructured text</a>: plain text
with minimal markup.
</p>
<p>
The powerful <a href="http://www.vim.org" title="Vim">Vim</a> editor is used to prepare the
material.
</p>
<p>
Please read the <span id="lsource" title="source" class="target">source</span> of these slides to see how the effects used herein are
achieved.
</p>
</div>
<div class="slide">
<h1 id="lsimple-markup">Simple markup</h1>
<ul class="square">
<li>
<p>
Bulleted Lists
</p>
</li>
<li>
<p>
Numeric lists (nested)
</p>
<ol class="decimal">
<li>
<p>
<strong>Bold</strong> text
</p>
</li>
<li>
<p>
<em>Italics</em> text
</p>
</li>
<li>
<p>
<code>typewriter</code> text
</p>
</li></ol>
</li>
<li>
<p>
Subscripts, H<sub>2</sub>O.
</p>
</li>
<li>
<p>
Replacement -- Vim reStructured Text -- of text.
</p>
</li>
</ul>
</div>
<div class="slide">
<h1 id="lblockquotes">Blockquotes</h1>
<p>
You can embed blockquotes inside your text:
</p>
<pre>
Simple markup
==============
+ Bulleted Lists
+ Numeric lists (nested)
#. **Bold** text
2. *Italics* text
#. ``typewriter`` text
+ Replacement -- |VST| -- of text.
</pre>
<p>
is most of the text of the previous slide.
</p>
</div>
<div class="slide">
<h1 id="llinks">Links</h1>
<p>
VST supports a variety of hyperlink notations.
</p>
<ul class="circle">
<li>
<p>
Starting points: <a href="#lwhat-is-vst63" title="What is VST?">What is VST?</a>
</p>
</li>
<li>
<p>
<a href="http://skawina.eu.org/mikolaj/vst.html#lexternal-links" title="External links">External links</a>
</p>
</li>
<li>
<p>
Internal links, such as <a href="#lsource" title="source">source</a>
</p>
</li>
<li>
<p>
Standalone links, <a href="http://www.vim.org">http://www.vim.org</a>
</p>
</li>
<li>
<p>
<a href="http://skawina.eu.org/mikolaj/vst.html#lembedded-uris" title="Embedded URIs">Embedded URIs</a>
</p>
</li>
</ul>
<p>
The full effect of these links cannot be seen in the S5 slides.
Regenerate with <code>:Vst</code> instead.
</p>
</div>
<div class="slide">
<h1 id="limages">Images</h1>
<p>
<a href="http://www.vim.org/">
<img src="http://www.vim.org/images/vim_header.gif" alt="http://www.vim.org/images/vim_header.gif" title="Vim" />
</a>
</p>
<div class="tip">
<p><span class="notetitle">Tip</span></p>
<p>
You can apply a variety of attributes to images.
</p>
<blockquote>
<p>
If you need really fine control, you may need to use <code>.. raw:: html</code>
</p>
</blockquote>
</div>
</div>
<div class="slide">
<h1 id="lsimple-tables">Simple Tables</h1>
<table class="vstborder" summary=""><col width="12%" /><col width="12%" /><col width="12%" /><col width="12%" /><col width="12%" /><col width="12%" /><col width="12%" />
<thead>
<tr><td>
<p>
su
</p>
</td><td>
<p>
mo
</p>
</td><td>
<p>
tu
</p>
</td><td>
<p>
we
</p>
</td><td>
<p>
th
</p>
</td><td>
<p>
fr
</p>
</td><td>
<p>
sa
</p>
</td></tr>
</thead>
<tr><td>
</td><td>
</td><td>
</td><td>
</td><td>
</td><td>
</td><td>
<p>
1
</p>
</td></tr>
<tr><td>
<p>
2
</p>
</td><td>
<p>
3
</p>
</td><td>
<p>
4
</p>
</td><td>
<p>
5
</p>
</td><td>
<p>
6
</p>
</td><td>
<p>
7
</p>
</td><td>
<p>
8
</p>
</td></tr>
<tr><td>
<p>
9
</p>
</td><td>
<p>
10
</p>
</td><td>
<p>
11
</p>
</td><td>
<p>
12
</p>
</td><td>
<p>
13
</p>
</td><td>
<p>
14
</p>
</td><td>
<p>
15
</p>
</td></tr>
<tr><td>
<p>
16
</p>
</td><td>
<p>
17
</p>
</td><td>
<p>
18
</p>
</td><td>
<p>
19
</p>
</td><td>
<p>
20
</p>
</td><td>
<p>
21
</p>
</td><td>
<p>
22
</p>
</td></tr>
<tr><td>
<p>
23
</p>
</td><td>
<p>
24
</p>
</td><td>
<p>
25
</p>
</td><td>
<p>
26
</p>
</td><td>
<p>
27
</p>
</td><td>
<p>
28
</p>
</td><td>
<p>
29
</p>
</td></tr>
<tr><td>
<p>
30
</p>
</td><td>
<p>
31
</p>
</td><td>
</td><td>
</td><td>
</td><td>
</td><td>
</td></tr>
</table>
</div>
<div class="slide">
<h1 id="lrich-tables">Rich Tables</h1>
<table class="vstborder" summary=""><col width="34%" /><col width="26%" /><col width="29%" />
<tr><td>
<p>
Cells are
separated
</p>
</td><td>
<p>
by bar with
spaces around
</p>
</td><td>
<p>
&lt;Space&gt;|&lt;Space&gt;
</p>
</td>
</tr><tr><td>
<p>
<em>You</em> may use
<strong>inline</strong>
</p>
</td><td>
<p>
markup,
<a href="#llinks" title="links">links</a>
</p>
</td><td>
<p>
included.
</p>
</td>
</tr><tr><td>
<p>
You can use various
types of structure
elements:
</p>
<pre>
Welcome to world
of preformatted
text.
</pre>
</td><td>
<ul class="disc">
<li>
<p>
like lists
</p>
<ul class="square">
<li>
<p>
various
</p>
</li>
</ul>
</li>
<li>
<p>
embedded
</p>
</li>
<li>
<p>
one into
other
</p>
</li>
</ul>
</td><td>
<p>
VST will
interpret them.
</p>
<p>
Even paragraphs.
</p>
<ol class="decimal">
<li>
<p>
And
</p>
</li>
<li>
<p>
not
</p>
</li></ol>
</td>
</tr><tr><td colspan="2" style="text-align: center;">
<p>
Text may span across several
columns. Cell can be also empty -&gt;
</p>
</td><td>
</td>
</tr></table>
</div>
<div class="slide">
<h1 id="lconclusion">Conclusion</h1>
<p>
VST is an easy way to produce marked-up documents with easy-to-read source, in
Vim.
</p>
<p>
This slideshow displays only a few features of VST. Be sure to read the
<a href="http://skawina.eu.org/mikolaj/vst.html" title="manual">manual</a>.
</p>
<!-- .. vim:set tw=78 ai fo+=n fo-=l:
-->
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink