drnic-codex 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/History.txt +4 -0
- data/LICENSE.txt +29 -0
- data/Manifest.txt +95 -0
- data/PostInstall.txt +5 -0
- data/README.txt +31 -0
- data/Rakefile +4 -0
- data/app_generators/codex/USAGE +5 -0
- data/app_generators/codex/codex_generator.rb +106 -0
- data/app_generators/codex/templates/Rakefile +54 -0
- data/app_generators/codex/templates/bin/build_all.rb +47 -0
- data/app_generators/codex/templates/bin/postprocess_all.rb +5 -0
- data/app_generators/codex/templates/bin/pressie.rb +8 -0
- data/app_generators/codex/templates/code/control/basic_continuation.rb +11 -0
- data/app_generators/codex/templates/code/control/cc_throw_catch.rb +59 -0
- data/app_generators/codex/templates/code/control/closure_continuation.rb +8 -0
- data/app_generators/codex/templates/code/control/closure_continuation_2.rb +12 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/CSS.html +115 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/CSharp.html +134 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/CollapseCode.html +90 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Cpp.html +190 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/CrashTest.html +108 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Delphi.html +112 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/FirstLine.html +90 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Index.html +80 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Java.html +122 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/JavaScript.html +112 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/NoControls.html +89 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/NoGutter.html +89 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/PHP.html +102 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Python.html +121 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Ruby.html +131 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/SQL.html +98 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/clipboard.swf +0 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushCSharp.js +32 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushCpp.js +73 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushCss.js +52 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushDelphi.js +34 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushJScript.js +22 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushJava.js +28 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushPhp.js +60 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushPython.js +30 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushRuby.js +28 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushSql.js +42 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushVb.js +29 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shBrushXml.js +70 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shCore.js +414 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Scripts/shCore.uncompressed.js +674 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/ShowColumns.html +89 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/SmartTabs.html +88 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css +158 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Styles/TestPages.css +63 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/Templates/Test.dwt +80 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/VB.html +115 -0
- data/app_generators/codex/templates/dp.SyntaxHighlighter/XML.html +136 -0
- data/app_generators/codex/templates/html/all.html +0 -0
- data/app_generators/codex/templates/readme.txt +4 -0
- data/app_generators/codex/templates/slides/basics.slides +37 -0
- data/app_generators/codex/templates/slides/building.slides +27 -0
- data/app_generators/codex/templates/slides/example.slides +80 -0
- data/app_generators/codex/templates/slides/including_code.slides +80 -0
- data/app_generators/codex/templates/slides/metadata.yml +4 -0
- data/app_generators/codex/templates/slides/table_of_contents.slides +14 -0
- data/app_generators/codex/templates/ui/default/blank.gif +0 -0
- data/app_generators/codex/templates/ui/default/bodybg.gif +0 -0
- data/app_generators/codex/templates/ui/default/framing.css +23 -0
- data/app_generators/codex/templates/ui/default/iepngfix.htc +42 -0
- data/app_generators/codex/templates/ui/default/opera.css +7 -0
- data/app_generators/codex/templates/ui/default/outline.css +15 -0
- data/app_generators/codex/templates/ui/default/pretty.css +86 -0
- data/app_generators/codex/templates/ui/default/print.css +1 -0
- data/app_generators/codex/templates/ui/default/s5-core.css +9 -0
- data/app_generators/codex/templates/ui/default/slides.css +3 -0
- data/app_generators/codex/templates/ui/default/slides.js +553 -0
- data/bin/codex +17 -0
- data/codex.gemspec +30 -0
- data/config/hoe.rb +74 -0
- data/config/requirements.rb +15 -0
- data/lib/codex/content.rb +160 -0
- data/lib/codex/pressie.rb +107 -0
- data/lib/codex/version.rb +9 -0
- data/lib/codex.rb +7 -0
- data/lib/stylesheets/pressie.css +196 -0
- data/lib/stylesheets/print.css +149 -0
- data/lib/stylesheets/ruby.png +0 -0
- data/script/console +10 -0
- data/script/destroy +14 -0
- data/script/generate +14 -0
- data/setup.rb +1585 -0
- data/tasks/deployment.rake +34 -0
- data/tasks/environment.rake +7 -0
- data/tasks/website.rake +9 -0
- data/test/test_codex.rb +11 -0
- data/test/test_codex_generator.rb +78 -0
- data/test/test_generator_helper.rb +29 -0
- data/test/test_helper.rb +2 -0
- metadata +163 -0
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Test.dwt" codeOutsideHTMLIsLocked="false" -->
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
|
5
|
+
<title>dp.SyntaxHighlighter Tests</title>
|
|
6
|
+
<link type="text/css" rel="stylesheet" href="Styles/SyntaxHighlighter.css"></link>
|
|
7
|
+
<link href="Styles/TestPages.css" rel="stylesheet" type="text/css">
|
|
8
|
+
</head>
|
|
9
|
+
|
|
10
|
+
<body>
|
|
11
|
+
|
|
12
|
+
<h1>dp.SyntaxHighlighter 1.5.0 Tests and Samples</h1>
|
|
13
|
+
<p><a href="http://code.google.com/p/syntaxhighlighter/">http://code.google.com/p/syntaxhighlighter/</a></p>
|
|
14
|
+
|
|
15
|
+
<h2><!-- InstanceBeginEditable name="Title" -->XML / HTML<!-- InstanceEndEditable --></h2>
|
|
16
|
+
|
|
17
|
+
<div class="layout">
|
|
18
|
+
|
|
19
|
+
<div class="column1">
|
|
20
|
+
<h3>Languages:</h3>
|
|
21
|
+
<ol>
|
|
22
|
+
<li><a href="CSharp.html">C#</a></li>
|
|
23
|
+
<li><a href="CSS.html">CSS</a></li>
|
|
24
|
+
<li><a href="Cpp.html">C++</a></li>
|
|
25
|
+
<li><a href="Delphi.html">Delphi</a></li>
|
|
26
|
+
<li><a href="Java.html">Java</a></li>
|
|
27
|
+
<li><a href="JavaScript.html">JavaScript</a></li>
|
|
28
|
+
<li><a href="PHP.html">PHP</a></li>
|
|
29
|
+
<li><a href="Python.html">Python</a></li>
|
|
30
|
+
<li><a href="Ruby.html">Ruby</a></li>
|
|
31
|
+
<li><a href="SQL.html">SQL</a></li>
|
|
32
|
+
<li><a href="VB.html">Visual Basic</a></li>
|
|
33
|
+
<li><a href="XML.html">XML / HTML</a></li>
|
|
34
|
+
</ol>
|
|
35
|
+
<h3>Features:</h3>
|
|
36
|
+
<ol>
|
|
37
|
+
<li><a href="SmartTabs.html">Smart tabs</a></li>
|
|
38
|
+
<li><a href="FirstLine.html">First line</a> </li>
|
|
39
|
+
<li><a href="CollapseCode.html">Expand code</a></li>
|
|
40
|
+
<li><a href="ShowColumns.html">Show columns</a></li>
|
|
41
|
+
<li><a href="NoGutter.html">No gutter</a></li>
|
|
42
|
+
<li><a href="NoControls.html">No controls</a></li>
|
|
43
|
+
</ol>
|
|
44
|
+
</div>
|
|
45
|
+
|
|
46
|
+
<div class="column2">
|
|
47
|
+
Text body before.
|
|
48
|
+
<hr/>
|
|
49
|
+
<!-- InstanceBeginEditable name="Code" -->
|
|
50
|
+
<h3>Using textarea</h3>
|
|
51
|
+
|
|
52
|
+
<textarea name="code" class="xml" rows="15" cols="100">
|
|
53
|
+
<?xml version="1.0" encoding="utf-8" ?>
|
|
54
|
+
|
|
55
|
+
<!-- comments -->
|
|
56
|
+
<rootNode>
|
|
57
|
+
<childNodes>
|
|
58
|
+
<childNode attribute = "value" namespace:attribute='value' attribute=/>
|
|
59
|
+
<childNode />
|
|
60
|
+
<childNode />
|
|
61
|
+
<childNode />
|
|
62
|
+
<childNode attribute="value"></childNode>
|
|
63
|
+
<namespace:childNode>
|
|
64
|
+
<![CDATA[
|
|
65
|
+
this is some CDATA content
|
|
66
|
+
<!-- comments inside cdata -->
|
|
67
|
+
<b alert='false'>tags inside cdata</b>
|
|
68
|
+
]]>
|
|
69
|
+
</namespace:childNode>
|
|
70
|
+
</childNodes>
|
|
71
|
+
</rootNode>
|
|
72
|
+
|
|
73
|
+
<!--
|
|
74
|
+
-- Multiline comments <b>tag</b>
|
|
75
|
+
-->
|
|
76
|
+
</textarea>
|
|
77
|
+
|
|
78
|
+
<h3>Using pre</h3>
|
|
79
|
+
|
|
80
|
+
<pre name="code" class="xml">
|
|
81
|
+
<?xml version="1.0" encoding="utf-8" ?>
|
|
82
|
+
|
|
83
|
+
<!-- comments -->
|
|
84
|
+
<rootNode>
|
|
85
|
+
<childNodes>
|
|
86
|
+
<childNode attribute = "value" namespace:attribute='value' attribute=/>
|
|
87
|
+
<childNode />
|
|
88
|
+
<childNode />
|
|
89
|
+
<childNode />
|
|
90
|
+
<childNode attribute="value"></childNode>
|
|
91
|
+
<namespace:childNode>
|
|
92
|
+
<![CDATA[
|
|
93
|
+
this is some CDATA content
|
|
94
|
+
<!-- comments inside cdata -->
|
|
95
|
+
<b alert='false'>tags inside cdata</b>
|
|
96
|
+
]]>
|
|
97
|
+
</namespace:childNode>
|
|
98
|
+
</childNodes>
|
|
99
|
+
</rootNode>
|
|
100
|
+
|
|
101
|
+
<!--
|
|
102
|
+
-- Multiline comments <b>tag</b>
|
|
103
|
+
-->
|
|
104
|
+
</pre>
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
<!-- InstanceEndEditable -->
|
|
108
|
+
<hr/>
|
|
109
|
+
Text body after.
|
|
110
|
+
</div>
|
|
111
|
+
</div>
|
|
112
|
+
|
|
113
|
+
<div class="footer">
|
|
114
|
+
Copyright 2004-2007 Alex Gorbatchev.<br/>
|
|
115
|
+
</div>
|
|
116
|
+
|
|
117
|
+
<script class="javascript" src="Scripts/shCore.js"></script>
|
|
118
|
+
<script class="javascript" src="Scripts/shBrushCSharp.js"></script>
|
|
119
|
+
<script class="javascript" src="Scripts/shBrushPhp.js"></script>
|
|
120
|
+
<script class="javascript" src="Scripts/shBrushJScript.js"></script>
|
|
121
|
+
<script class="javascript" src="Scripts/shBrushJava.js"></script>
|
|
122
|
+
<script class="javascript" src="Scripts/shBrushVb.js"></script>
|
|
123
|
+
<script class="javascript" src="Scripts/shBrushSql.js"></script>
|
|
124
|
+
<script class="javascript" src="Scripts/shBrushXml.js"></script>
|
|
125
|
+
<script class="javascript" src="Scripts/shBrushDelphi.js"></script>
|
|
126
|
+
<script class="javascript" src="Scripts/shBrushPython.js"></script>
|
|
127
|
+
<script class="javascript" src="Scripts/shBrushRuby.js"></script>
|
|
128
|
+
<script class="javascript" src="Scripts/shBrushCss.js"></script>
|
|
129
|
+
<script class="javascript" src="Scripts/shBrushCpp.js"></script>
|
|
130
|
+
<script class="javascript">
|
|
131
|
+
dp.SyntaxHighlighter.ClipboardSwf = 'Scripts/clipboard.swf';
|
|
132
|
+
dp.SyntaxHighlighter.HighlightAll('code');
|
|
133
|
+
</script>
|
|
134
|
+
|
|
135
|
+
</body>
|
|
136
|
+
<!-- InstanceEnd --></html>
|
|
File without changes
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
h1. The Basics
|
|
2
|
+
|
|
3
|
+
h1. Slides and Code
|
|
4
|
+
|
|
5
|
+
* Slides are created using "Textile markup":http://www.textism.com/tools/textile/
|
|
6
|
+
* Code is written as normal source files
|
|
7
|
+
* Slides can embed parts of the source files
|
|
8
|
+
* It's all processed into an HTML-based presentation
|
|
9
|
+
|
|
10
|
+
h1. Presentation Metadata
|
|
11
|
+
|
|
12
|
+
* Required file @slides/metadata.yml@
|
|
13
|
+
|
|
14
|
+
:code slides/metadata.yml
|
|
15
|
+
|
|
16
|
+
h1. Where Stuff Goes
|
|
17
|
+
|
|
18
|
+
* Create your slides in @slides/xxx.slides@
|
|
19
|
+
* Write code under @code/xxx@
|
|
20
|
+
* Build the files @html/xxx.html@ by running @Rake@
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
h1. @.slides@ files
|
|
24
|
+
|
|
25
|
+
* Each @.slides@ file is a separate chunk of the presentation
|
|
26
|
+
* The first @h1.@ heading is the banner page for that chunk
|
|
27
|
+
* Each subsequent @h1.@ starts a new slide
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
h1. Table of Contents
|
|
31
|
+
|
|
32
|
+
* You can divide your material into segments, each in a separate @xxx.slides@ file
|
|
33
|
+
* Then create @slides/table_of_contents.slides@, eg:
|
|
34
|
+
|
|
35
|
+
:code slides/table_of_contents.slides[class=code-small]
|
|
36
|
+
|
|
37
|
+
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
h1. Building and Displaying HTML Slides
|
|
2
|
+
|
|
3
|
+
h1. Building HTML Slides
|
|
4
|
+
|
|
5
|
+
* Given an individual section in @slides/xxx.slides@
|
|
6
|
+
|
|
7
|
+
@rake html/xxx.html@
|
|
8
|
+
|
|
9
|
+
* If you've created a @slide/table_of_contents.slides@, build the whole presentation with
|
|
10
|
+
|
|
11
|
+
@rake all@
|
|
12
|
+
|
|
13
|
+
The output will be in @html/all.html@
|
|
14
|
+
|
|
15
|
+
h1. Running the Presentation
|
|
16
|
+
|
|
17
|
+
* Simply open the appropriate HTML file
|
|
18
|
+
|
|
19
|
+
* See the "S5 documentation":http://meyerweb.com/eric/tools/s5/ for details
|
|
20
|
+
|
|
21
|
+
* Some hints
|
|
22
|
+
** arrow keys and space bar work
|
|
23
|
+
** type the slide number to jump
|
|
24
|
+
** mouse over the bottom right to bring up a set of controls and a list of all available slides
|
|
25
|
+
** most IR and radio clickers seem to work OK
|
|
26
|
+
** resizing your browser fonts works well to make stuff fit during the presentation
|
|
27
|
+
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
h1. An Example
|
|
2
|
+
|
|
3
|
+
This comes from the "Advanced Ruby Course":http://pragmaticstudio.com/ruby/
|
|
4
|
+
|
|
5
|
+
h1. Continuation
|
|
6
|
+
|
|
7
|
+
<div style="width: 50%; float: right">
|
|
8
|
+
:code code/control/basic_continuation.rb[class=code-normal]
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
<div style="width: 50%">
|
|
12
|
+
|
|
13
|
+
* Construct using @callcc@
|
|
14
|
+
** pass it a block
|
|
15
|
+
** block receives @Continuation@ object
|
|
16
|
+
** invoke that object's @call@ method, and control passes to the end of that block
|
|
17
|
+
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
h1. Continuations Are Closures
|
|
22
|
+
|
|
23
|
+
:code code/control/closure_continuation.rb
|
|
24
|
+
|
|
25
|
+
h1. But...
|
|
26
|
+
|
|
27
|
+
:code code/control/closure_continuation_2.rb
|
|
28
|
+
|
|
29
|
+
h1. But...
|
|
30
|
+
|
|
31
|
+
<div>
|
|
32
|
+
:code code/control/closure_continuation_2.rb
|
|
33
|
+
|
|
34
|
+
<div style="position: relative; left: 60%; top: -3em; font-size: 400%; color: #6b6">Why?</div>
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
h1. Implementing throw...catch
|
|
40
|
+
|
|
41
|
+
Let's try to implement throw and catch so that the following works as expected:
|
|
42
|
+
|
|
43
|
+
:code code/control/cc_throw_catch.rb[body]
|
|
44
|
+
|
|
45
|
+
h1. Implementing throw...catch
|
|
46
|
+
|
|
47
|
+
* We need a thread-local stack of all current catch blocks
|
|
48
|
+
|
|
49
|
+
* When we see a @catch@, we store the symbol and a continuation for the block on the stack. If that continuation gets called, execution resumes after the block (which is what @catch@ does)
|
|
50
|
+
|
|
51
|
+
* When we see a @throw@ we traverse it looking for the entry
|
|
52
|
+
with the corresponding system.
|
|
53
|
+
|
|
54
|
+
* When we find that entry, we call the corresponding continuation
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
bq{font-size="50%"}. This implementation is based on code from Jim Weirich
|
|
59
|
+
|
|
60
|
+
h1. Catch and Throw
|
|
61
|
+
|
|
62
|
+
:code code/control/cc_throw_catch.rb[CC class=code-tiny]
|
|
63
|
+
|
|
64
|
+
h1. And the stack
|
|
65
|
+
|
|
66
|
+
:code code/control/cc_throw_catch.rb[stack class=code-tiny]
|
|
67
|
+
|
|
68
|
+
h1. Continuations.
|
|
69
|
+
|
|
70
|
+
* Can't invoke across threads
|
|
71
|
+
|
|
72
|
+
* Can carry stale state around with them
|
|
73
|
+
|
|
74
|
+
* Can use up a lot of memory
|
|
75
|
+
|
|
76
|
+
* Are not fun to debug
|
|
77
|
+
|
|
78
|
+
But...
|
|
79
|
+
|
|
80
|
+
* They'll impress your friends
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
h1. Including Code in Slides
|
|
2
|
+
|
|
3
|
+
h1. Including Code in Slides
|
|
4
|
+
|
|
5
|
+
* Write code under @code/@
|
|
6
|
+
* Include it in your slides using @:code@ directives
|
|
7
|
+
|
|
8
|
+
:inlinecode
|
|
9
|
+
:code code/myfile.rb
|
|
10
|
+
:endinlinecode
|
|
11
|
+
|
|
12
|
+
* The entire contents of @code/myfile.rb@ will be included in the slide
|
|
13
|
+
|
|
14
|
+
h1. Including Parts of a Source File
|
|
15
|
+
|
|
16
|
+
* In the source file, use comments containing @START:sometag@ and @END:sometag@
|
|
17
|
+
|
|
18
|
+
:inlinecode
|
|
19
|
+
class SomeClass
|
|
20
|
+
#START:useful-method
|
|
21
|
+
def my_method
|
|
22
|
+
puts "hello world"
|
|
23
|
+
end
|
|
24
|
+
#END:useful-method
|
|
25
|
+
end
|
|
26
|
+
:endinlinecode
|
|
27
|
+
|
|
28
|
+
* In the slide, reference the tag in square brackets after the file name
|
|
29
|
+
|
|
30
|
+
:inlinecode
|
|
31
|
+
:code code/myfile.rb[useful-method]
|
|
32
|
+
:endinlinecode
|
|
33
|
+
|
|
34
|
+
h1. Merge Multiple Fragments
|
|
35
|
+
|
|
36
|
+
:inlinecode
|
|
37
|
+
#START:constructor
|
|
38
|
+
class SomeClass
|
|
39
|
+
|
|
40
|
+
def initialize
|
|
41
|
+
# ...
|
|
42
|
+
end
|
|
43
|
+
#END:constructor
|
|
44
|
+
|
|
45
|
+
def other_methods...
|
|
46
|
+
end
|
|
47
|
+
#START:constructor
|
|
48
|
+
end
|
|
49
|
+
#END:constructor
|
|
50
|
+
:endinlinecode
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
h1. Override Code Language and/or CSS Class
|
|
54
|
+
|
|
55
|
+
:inlinecode
|
|
56
|
+
:code code/file.xxx[section lang=name class=name]
|
|
57
|
+
:endinlinecode
|
|
58
|
+
|
|
59
|
+
* can appear in any order
|
|
60
|
+
* @lang=@<em>anything supported by SyntaxHighlighter</em>
|
|
61
|
+
** look in @dp.SyntaxHighlighter/Scripts@)
|
|
62
|
+
* @class=code-large | code-normal | code-small | code-tiny | code-supertiny@
|
|
63
|
+
|
|
64
|
+
h1. Embedding Code Inline
|
|
65
|
+
|
|
66
|
+
:inlinecode
|
|
67
|
+
:inlinecode
|
|
68
|
+
code that
|
|
69
|
+
goes inline in slides
|
|
70
|
+
:endinlinecode
|
|
71
|
+
:endinlinecode
|
|
72
|
+
|
|
73
|
+
* @:inlinecode@ optionally takes @lang=xxx@ and @class=xx@
|
|
74
|
+
|
|
75
|
+
:inlinecode
|
|
76
|
+
:inlinecode lang=ruby
|
|
77
|
+
puts "Hello World!"
|
|
78
|
+
:endinlinecode
|
|
79
|
+
:endinlinecode
|
|
80
|
+
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
h1. The Codex System
|
|
2
|
+
|
|
3
|
+
h1. Creating Content
|
|
4
|
+
|
|
5
|
+
* "The Basics":basics.html
|
|
6
|
+
* "Including Code":including_code.html
|
|
7
|
+
|
|
8
|
+
h1. Creating Slideshows
|
|
9
|
+
|
|
10
|
+
* "Building and Displaying HTML":building.html
|
|
11
|
+
|
|
12
|
+
h1. An Example
|
|
13
|
+
|
|
14
|
+
* "Some Sample Slides":example.html
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* The following styles size, place, and layer the slide components.
|
|
2
|
+
Edit these if you want to change the overall slide layout.
|
|
3
|
+
The commented lines can be uncommented (and modified, if necessary)
|
|
4
|
+
to help you with the rearrangement process. */
|
|
5
|
+
|
|
6
|
+
/* target = 1024x768 */
|
|
7
|
+
|
|
8
|
+
div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}
|
|
9
|
+
div#header {top: 0; height: 3em; z-index: 1;}
|
|
10
|
+
div#footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
|
|
11
|
+
.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; z-index: 2; list-style: none;}
|
|
12
|
+
div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
|
|
13
|
+
div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
|
|
14
|
+
margin: 0;}
|
|
15
|
+
#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
|
|
16
|
+
html>body #currentSlide {position: fixed;}
|
|
17
|
+
|
|
18
|
+
/*
|
|
19
|
+
div#header {background: #FCC;}
|
|
20
|
+
div#footer {background: #CCF;}
|
|
21
|
+
div#controls {background: #BBD;}
|
|
22
|
+
div#currentSlide {background: #FFC;}
|
|
23
|
+
*/
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<public:component>
|
|
2
|
+
<public:attach event="onpropertychange" onevent="doFix()" />
|
|
3
|
+
|
|
4
|
+
<script>
|
|
5
|
+
|
|
6
|
+
// IE5.5+ PNG Alpha Fix v1.0 by Angus Turnbull http://www.twinhelix.com
|
|
7
|
+
// Free usage permitted as long as this notice remains intact.
|
|
8
|
+
|
|
9
|
+
// This must be a path to a blank image. That's all the configuration you need here.
|
|
10
|
+
var blankImg = 'ui/default/blank.gif';
|
|
11
|
+
|
|
12
|
+
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
|
|
13
|
+
|
|
14
|
+
function filt(s, m) {
|
|
15
|
+
if (filters[f]) {
|
|
16
|
+
filters[f].enabled = s ? true : false;
|
|
17
|
+
if (s) with (filters[f]) { src = s; sizingMethod = m }
|
|
18
|
+
} else if (s) style.filter = 'progid:'+f+'(src="'+s+'",sizingMethod="'+m+'")';
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function doFix() {
|
|
22
|
+
if ((parseFloat(navigator.userAgent.match(/MSIE (\S+)/)[1]) < 5.5) ||
|
|
23
|
+
(event && !/(background|src)/.test(event.propertyName))) return;
|
|
24
|
+
|
|
25
|
+
if (tagName == 'IMG') {
|
|
26
|
+
if ((/\.png$/i).test(src)) {
|
|
27
|
+
filt(src, 'image'); // was 'scale'
|
|
28
|
+
src = blankImg;
|
|
29
|
+
} else if (src.indexOf(blankImg) < 0) filt();
|
|
30
|
+
} else if (style.backgroundImage) {
|
|
31
|
+
if (style.backgroundImage.match(/^url[("']+(.*\.png)[)"']+$/i)) {
|
|
32
|
+
var s = RegExp.$1;
|
|
33
|
+
style.backgroundImage = '';
|
|
34
|
+
filt(s, 'crop');
|
|
35
|
+
} else filt();
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
doFix();
|
|
40
|
+
|
|
41
|
+
</script>
|
|
42
|
+
</public:component>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/* don't change this unless you want the layout stuff to show up in the outline view! */
|
|
2
|
+
|
|
3
|
+
.layout div, #footer *, #controlForm * {display: none;}
|
|
4
|
+
#footer, #controls, #controlForm, #navLinks, #toggle {
|
|
5
|
+
display: block; visibility: visible; margin: 0; padding: 0;}
|
|
6
|
+
#toggle {float: right; padding: 0.5em;}
|
|
7
|
+
html>body #toggle {position: fixed; top: 0; right: 0;}
|
|
8
|
+
|
|
9
|
+
/* making the outline look pretty-ish */
|
|
10
|
+
|
|
11
|
+
#slide0 h1, #slide0 h2, #slide0 h3, #slide0 h4 {border: none; margin: 0;}
|
|
12
|
+
#slide0 h1 {padding-top: 1.5em;}
|
|
13
|
+
.slide h1 {margin: 1.5em 0 0; padding-top: 0.25em;
|
|
14
|
+
border-top: 1px solid #888; border-bottom: 1px solid #AAA;}
|
|
15
|
+
#toggle {border: 1px solid; border-width: 0 0 1px 1px; background: #FFF;}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/* Following are the presentation styles -- edit away! */
|
|
2
|
+
|
|
3
|
+
body {background: #FFF url(bodybg.gif) -16px 0 no-repeat; color: #000; font-size: 2em;}
|
|
4
|
+
:link, :visited {text-decoration: none; color: #00C;}
|
|
5
|
+
#controls :active {color: #88A !important;}
|
|
6
|
+
#controls :focus {outline: 1px dotted #227;}
|
|
7
|
+
h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
|
|
8
|
+
ul, pre {margin: 0; line-height: 1em;}
|
|
9
|
+
html, body {margin: 0; padding: 0;}
|
|
10
|
+
|
|
11
|
+
blockquote, q {font-style: italic;}
|
|
12
|
+
blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
|
|
13
|
+
blockquote p {margin: 0;}
|
|
14
|
+
blockquote i {font-style: normal;}
|
|
15
|
+
blockquote b {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;}
|
|
16
|
+
blockquote b i {font-style: italic;}
|
|
17
|
+
|
|
18
|
+
kbd {font-weight: bold; font-size: 1em;}
|
|
19
|
+
sup {font-size: smaller; line-height: 1px;}
|
|
20
|
+
|
|
21
|
+
.slide code {padding: 2px 0.25em; font-weight: bold; color: #533;}
|
|
22
|
+
.slide code.bad, code del {color: red;}
|
|
23
|
+
.slide code.old {color: silver;}
|
|
24
|
+
.slide pre {padding: 0; margin: 0.25em 0 0.5em 0.5em; color: #533; font-size: 90%;}
|
|
25
|
+
.slide pre code {display: block;}
|
|
26
|
+
.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
|
|
27
|
+
.slide li {margin-top: 0.75em; margin-right: 0;}
|
|
28
|
+
.slide ul ul {line-height: 1;}
|
|
29
|
+
.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
|
|
30
|
+
.slide img.leader {display: block; margin: 0 auto;}
|
|
31
|
+
|
|
32
|
+
div#header, div#footer {background: #005; color: #AAB;
|
|
33
|
+
font-family: Verdana, Helvetica, sans-serif;}
|
|
34
|
+
div#header {background: #005 url(bodybg.gif) -16px 0 no-repeat;
|
|
35
|
+
line-height: 1px;}
|
|
36
|
+
div#footer {font-size: 0.5em; font-weight: bold; padding: 1em 0;}
|
|
37
|
+
#footer h1, #footer h2 {display: block; padding: 0 1em;}
|
|
38
|
+
#footer h2 {font-style: italic;}
|
|
39
|
+
|
|
40
|
+
div.long {font-size: 0.75em;}
|
|
41
|
+
.slide h1 {position: absolute; top: 0.7em; left: 87px; z-index: 1;
|
|
42
|
+
margin: 0; padding: 0.3em 0 0 50px; white-space: nowrap;
|
|
43
|
+
font: bold 150%/1em Helvetica, sans-serif; text-transform: capitalize;
|
|
44
|
+
color: #DDE; background: #005;}
|
|
45
|
+
.slide h3 {font-size: 130%;}
|
|
46
|
+
h1 abbr {font-variant: small-caps;}
|
|
47
|
+
|
|
48
|
+
div#controls {position: absolute; left: 50%; bottom: 0;
|
|
49
|
+
width: 50%;
|
|
50
|
+
text-align: right; font: bold 0.9em Verdana, Helvetica, sans-serif;}
|
|
51
|
+
html>body div#controls {position: fixed; padding: 0 0 1em 0;
|
|
52
|
+
top: auto;}
|
|
53
|
+
div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
|
|
54
|
+
margin: 0; padding: 0;}
|
|
55
|
+
#controls #navLinks a {padding: 0; margin: 0 0.5em;
|
|
56
|
+
background: #005; border: none; color: #779;
|
|
57
|
+
cursor: pointer;}
|
|
58
|
+
#controls #navList {height: 1em;}
|
|
59
|
+
#controls #navList #jumplist {position: absolute; bottom: 0; right: 0; background: #DDD; color: #227;}
|
|
60
|
+
|
|
61
|
+
#currentSlide {text-align: center; font-size: 0.5em; color: #449;}
|
|
62
|
+
|
|
63
|
+
#slide0 {padding-top: 3.5em; font-size: 90%;}
|
|
64
|
+
#slide0 h1 {position: static; margin: 1em 0 0; padding: 0;
|
|
65
|
+
font: bold 2em Helvetica, sans-serif; white-space: normal;
|
|
66
|
+
color: #000; background: transparent;}
|
|
67
|
+
#slide0 h2 {font: bold italic 1em Helvetica, sans-serif; margin: 0.25em;}
|
|
68
|
+
#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
|
|
69
|
+
#slide0 h4 {margin-top: 0; font-size: 1em;}
|
|
70
|
+
|
|
71
|
+
ul.urls {list-style: none; display: inline; margin: 0;}
|
|
72
|
+
.urls li {display: inline; margin: 0;}
|
|
73
|
+
.note {display: none;}
|
|
74
|
+
.external {border-bottom: 1px dotted gray;}
|
|
75
|
+
html>body .external {border-bottom: none;}
|
|
76
|
+
.external:after {content: " \274F"; font-size: smaller; color: #77B;}
|
|
77
|
+
|
|
78
|
+
.incremental, .incremental *, .incremental *:after {color: #DDE; visibility: visible;}
|
|
79
|
+
img.incremental {visibility: hidden;}
|
|
80
|
+
.slide .current {color: #B02;}
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
/* diagnostics
|
|
84
|
+
|
|
85
|
+
li:after {content: " [" attr(class) "]"; color: #F88;}
|
|
86
|
+
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/* The following rule is necessary to have all slides appear in print! DO NOT REMOVE IT! */
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/* Do not edit or override these styles! The system will likely break if you do. */
|
|
2
|
+
|
|
3
|
+
div#header, div#footer, div#controls, .slide {position: absolute;}
|
|
4
|
+
html>body div#header, html>body div#footer,
|
|
5
|
+
html>body div#controls, html>body .slide {position: fixed;}
|
|
6
|
+
.handout {display: none;}
|
|
7
|
+
.layout {display: block;}
|
|
8
|
+
.slide, .hideme, .incremental {visibility: hidden;}
|
|
9
|
+
#slide0 {visibility: visible;}
|