From 743fb0ca8b44335ac85b9145ab89bd79ead9dd24 Mon Sep 17 00:00:00 2001
From: Martin Goik <goik@hdm-stuttgart.de>
Date: Sat, 27 Aug 2016 13:55:40 +0200
Subject: [PATCH] reveal.js toy example
---
ws/Slides/.gitignore | 1 +
ws/Slides/.project | 17 ++++
ws/Slides/Readme.txt | 3 +
ws/Slides/class.svg | 178 +++++++++++++++++++++++++++++++++++++++++
ws/Slides/classes.html | 107 +++++++++++++++++++++++++
ws/Slides/mi.css | 20 +++++
6 files changed, 326 insertions(+)
create mode 100644 ws/Slides/.gitignore
create mode 100644 ws/Slides/.project
create mode 100644 ws/Slides/Readme.txt
create mode 100644 ws/Slides/class.svg
create mode 100644 ws/Slides/classes.html
create mode 100644 ws/Slides/mi.css
diff --git a/ws/Slides/.gitignore b/ws/Slides/.gitignore
new file mode 100644
index 000000000..d4941be5c
--- /dev/null
+++ b/ws/Slides/.gitignore
@@ -0,0 +1 @@
+/reveal.js
diff --git a/ws/Slides/.project b/ws/Slides/.project
new file mode 100644
index 000000000..dd602cd08
--- /dev/null
+++ b/ws/Slides/.project
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+ <name>Slides</name>
+ <comment></comment>
+ <projects>
+ </projects>
+ <buildSpec>
+ <buildCommand>
+ <name>com.oxygenxml.editor.xmlbuilder</name>
+ <arguments>
+ </arguments>
+ </buildCommand>
+ </buildSpec>
+ <natures>
+ <nature>com.oxygenxml.editor.xmlnature</nature>
+ </natures>
+</projectDescription>
diff --git a/ws/Slides/Readme.txt b/ws/Slides/Readme.txt
new file mode 100644
index 000000000..fa10aebe3
--- /dev/null
+++ b/ws/Slides/Readme.txt
@@ -0,0 +1,3 @@
+1. Download reveal.js from https://github.com/hakimel/reveal.js
+
+2. Create symlink reveal.js to extracted dub directory above
diff --git a/ws/Slides/class.svg b/ws/Slides/class.svg
new file mode 100644
index 000000000..918f9a2f4
--- /dev/null
+++ b/ws/Slides/class.svg
@@ -0,0 +1,178 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="150mm"
+ height="100mm"
+ viewBox="0 0 531.49606 354.33071"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="class.svg">
+ <defs
+ id="defs4">
+ <marker
+ inkscape:stockid="Arrow2Lend"
+ orient="auto"
+ refY="0.0"
+ refX="0.0"
+ id="Arrow2Lend"
+ style="overflow:visible;"
+ inkscape:isstock="true">
+ <path
+ id="path4218"
+ style="fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round;stroke:#000000;stroke-opacity:1;fill:#000000;fill-opacity:1"
+ d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
+ transform="scale(1.1) rotate(180) translate(1,0)" />
+ </marker>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="3.40447"
+ inkscape:cx="206.3222"
+ inkscape:cy="182.64224"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ inkscape:window-width="1600"
+ inkscape:window-height="1176"
+ inkscape:window-x="0"
+ inkscape:window-y="24"
+ inkscape:window-maximized="1" />
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-698.0315)">
+ <rect
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3.00000024;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+ id="rect3336"
+ width="110.69817"
+ height="107.49761"
+ x="167.36681"
+ y="723.32617"
+ ry="12.831872" />
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24px;line-height:125%;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ x="197.99138"
+ y="748.96539"
+ id="text3338"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan3340"
+ x="197.99138"
+ y="748.96539">Human</tspan></text>
+ <path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+ d="M 166.39144,758.36097 276.44506,757.2521"
+ id="path3342"
+ inkscape:connector-curvature="0" />
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5px;line-height:125%;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ x="177.26752"
+ y="780.41772"
+ id="text3344"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan3346"
+ x="177.26752"
+ y="780.41772">name</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5px;line-height:125%;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ x="179.28191"
+ y="800.05817"
+ id="text3348"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan3350"
+ x="179.28191"
+ y="800.05817">image</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5px;line-height:125%;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ x="179.28191"
+ y="822.72021"
+ id="text3352"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan3354"
+ x="179.28191"
+ y="822.72021">sex</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5px;line-height:125%;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ x="35.252064"
+ y="1011.5706"
+ id="text3375"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan3377"
+ x="35.252064"
+ y="1011.5706">Jane</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5px;line-height:125%;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ x="158.13068"
+ y="1017.6138"
+ id="text3379"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan3381"
+ x="158.13068"
+ y="1017.6138">Tim</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5px;line-height:125%;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ x="279.4985"
+ y="988.90851"
+ id="text3383"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan3385"
+ x="279.4985"
+ y="988.90851">Michael</tspan></text>
+ <text
+ xml:space="preserve"
+ style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.5px;line-height:125%;font-family:Arial;-inkscape-font-specification:Arial;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ x="420.50674"
+ y="956.17444"
+ id="text3387"
+ sodipodi:linespacing="125%"><tspan
+ sodipodi:role="line"
+ id="tspan3389"
+ x="420.50674"
+ y="956.17444">Sarah</tspan></text>
+ <path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;marker-end:url(#Arrow2Lend)"
+ d="M 58.921303,981.8581 166.65461,851.16595"
+ id="path3391"
+ inkscape:connector-curvature="0" />
+ </g>
+</svg>
diff --git a/ws/Slides/classes.html b/ws/Slides/classes.html
new file mode 100644
index 000000000..8b169bb29
--- /dev/null
+++ b/ws/Slides/classes.html
@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>Basic facts about Java classes</title>
+ <meta charset="utf-8" />
+ <link href="mi.css" rel="stylesheet" />
+ <link href="reveal.js/css/reveal.css" rel="stylesheet" />
+ <link href="reveal.js/css/theme/solarized.css" id="theme" rel="stylesheet" />
+
+ <!-- Code syntax highlighting -->
+ <link href="reveal.js/lib/css/zenburn.css" rel="stylesheet" />
+ </head>
+
+ <body>
+ <!-- Wrap the entire slide show in a div using the "reveal" class. -->
+ <div class="reveal">
+ <!-- Wrap all slides in a single "slides" class -->
+ <div class="slides">
+ <section>
+ <h1>Java Classes</h1>
+ <h3>Basic facts</h3>
+ </section>
+ <section>
+ <h2>Pretty Code</h2>
+ <pre>
+ <code class="hljs" data-trim="contenteditable">package q.q.q;
+
+public class Q ❶{
+
+ public static void main(String[] args) { ❷
+ // TODO Auto-generated method stub
+ ...
+ }
+}</code></pre>
+ <dl>
+ <dt>❶</dt>
+
+ <dd>Class name</dd>
+
+ <dt>❷</dt>
+
+ <dd>Main function body</dd>
+ </dl>
+ <p>
+ Code syntax highlighting courtesy of <a
+ href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.
+ </p>
+ </section>
+ <!-- ALL SLIDES GO HERE -->
+ <!-- Each section element contains an individual slide -->
+ <section>
+ <h1>About My Product</h1>
+ <p>My product discussed here</p>
+ </section>
+ <section id="show-a-link">
+ <h1>Show a live link</h1>
+ <p>Slide 2 discussed here</p>
+ <p>
+ See <a href="http://www.htmlcheats.com">HTMLCheats.com</a>
+ </p>
+ </section>
+ <section>
+ <h1>Slide 3</h1>
+ <p>How does one revisit an arbitrary slide in code?</p>
+ <p>
+ Visit internal slide<a href="#show-a-link"> 2</a>
+ </p>
+ </section>
+ <section>
+ <h1>SVG Graphic</h1>
+
+ <svg width="150mm" height="100mm" xmlns="http://www.w3.org/2000/svg">
+
+ <image width="150mm" height="100mm" x="0" y="0"
+ xlink:href="class.svg" xmlns:xlink="http://www.w3.org/1999/xlink" />
+ </svg>
+
+
+ </section>
+ </div>
+ </div>
+
+ <script src="reveal.js/lib/js/head.min.js"></script>
+ <script src="reveal.js/js/reveal.js"></script>
+ <script>/*<![CDATA[*/
+
+ Reveal.initialize({
+ controls: true,
+ progress: true,
+ history: true,
+ center: true,
+
+ transition: 'slide', // none/fade/slide/convex/concave/zoom
+
+ // Optional reveal.js plugins
+ dependencies: [
+ { src: 'reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
+ { src: 'reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+ { src: 'reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+ { src: 'reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
+ { src: 'reveal.js/plugin/zoom-js/zoom.js', async: true },
+ { src: 'reveal.js/plugin/notes/notes.js', async: true }
+ ]
+ });
+ /*]]>*/</script>
+ </body>
+</html>
diff --git a/ws/Slides/mi.css b/ws/Slides/mi.css
new file mode 100644
index 000000000..7da340e96
--- /dev/null
+++ b/ws/Slides/mi.css
@@ -0,0 +1,20 @@
+dl {
+ border: 3px double #ccc;
+ padding: 0.5em;
+}
+
+dt {
+ float: left;
+ clear: left;
+ width: 20px;
+ text-align: right;
+ font-weight: bold;
+ }
+dt:after {
+ content: " ";
+}
+dd {
+ margin: 0 0 0 200px;
+ padding: 0 0 0.5em 0;
+}
+
\ No newline at end of file
--
GitLab