add old DokuWiki talk
This talk is super old and needs to be retouched to actually work again.main
parent
385259e787
commit
5d53b4c49b
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
@ -0,0 +1,331 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>reveal.js</title>
|
||||
<meta name="author" content="Helix">
|
||||
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
|
||||
<link rel="stylesheet" href="css/reveal.min.css">
|
||||
<link rel="stylesheet" href="css/theme/beige.css" id="theme">
|
||||
|
||||
<style>
|
||||
.reveal table {
|
||||
margin: auto;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.reveal table th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.reveal table th,
|
||||
.reveal table td {
|
||||
text-align: left;
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
border: 1px solid;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" href="lib/css/zenburn.css">
|
||||
|
||||
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
|
||||
<script>
|
||||
if( window.location.search.match( /print-pdf/gi ) ) {
|
||||
var link = document.createElement( 'link' );
|
||||
link.rel = 'stylesheet';
|
||||
link.type = 'text/css';
|
||||
link.href = 'css/print/pdf.css';
|
||||
document.getElementsByTagName( 'head' )[0].appendChild( link );
|
||||
}
|
||||
</script>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="lib/js/html5shiv.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
<!-- EDIT BELOW -->
|
||||
<section>
|
||||
<h1>DokuWiki</h1>
|
||||
<h2>ein leistungsfähiges<br>Dokumentations-Tool und Intranet</h2>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h2>Agenda</h2>
|
||||
<ul>
|
||||
<li class="fragment">Anmelden</li>
|
||||
<li class="fragment">Inhalt einfügen/bearbeiten
|
||||
<ul>
|
||||
<li>Text formatieren</li>
|
||||
<li>Überschriften formatieren</li>
|
||||
<li>Listen</li>
|
||||
<li>Tabellen</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="fragment">Verlinkungen (intern/extern)</li>
|
||||
<li class="fragment">Seite anlegen
|
||||
<ul>
|
||||
<li>Namensräume</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="fragment">Dateien hochladen
|
||||
<ul>
|
||||
<li>Bilder einfügen</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="fragment">Nachbereitung</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h2>Anmelden</h2>
|
||||
<p>oben rechts im Menü</p>
|
||||
<p>mit Domänenbenutzer/-Kennwort</p>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<section>
|
||||
<h2>Inhalt einfügen / bearbeiten</h2>
|
||||
<img src="img/dw/dw-editor.png">
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Text formatieren</h2>
|
||||
<pre><code class="markdown" data-trim>
|
||||
**Fett**
|
||||
//kursiv//
|
||||
__unterstrichen__
|
||||
</code></pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h2>Überschriften</h2>
|
||||
<pre><code class="markdown" data-trim>
|
||||
====== Überschrift 1 ======
|
||||
===== Überschrift 2 =====
|
||||
==== Überschrift 3 ====
|
||||
=== Überschrift 4 ===
|
||||
== Überschrift 5 ==
|
||||
</code></pre>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<section>
|
||||
<h2>Ungeordnete Listen</h2>
|
||||
<pre><code data-trim>
|
||||
* Punkt
|
||||
* Punkt
|
||||
* Unterpunkt
|
||||
* Unter-Unterpunkt
|
||||
* Unterpunkt
|
||||
* Punkt
|
||||
</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Nummerierte Listen</h2>
|
||||
<pre><code class="markdown">
|
||||
- Punkt 1
|
||||
- Punkt 2
|
||||
- Unterpunkt 2.1
|
||||
- Unter-Unterpunkt 2.1.1
|
||||
- Unterpunkt 2.2
|
||||
- Punkt 3
|
||||
</code></pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h2>Tabellen</h2>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Spalte A</th>
|
||||
<th>Spalte B</th>
|
||||
<th>Spalte C</th>
|
||||
<th> </th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td colspan="4">Hier könnte Ihre Werbung stehen!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>linksbündig </td>
|
||||
<td> rechtsbündig</td>
|
||||
<td> zentriert </td>
|
||||
<td>normal</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><b><i>Textformatierungen</i></b> gehen natürlich auch in Zellen!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2">Text, der über mehrere Zellen geht</td>
|
||||
<td>hier steht auch noch was</td>
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>sonstiger Text</td>
|
||||
<td>sonstigerer Text</td>
|
||||
<td>sonstigster Text</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<pre><code class="markdown" data-trim>
|
||||
^ Spalte A ^ Spalte B ^ Spalte C ^
|
||||
| Hier könnte Ihre Werbung stehen! ||||
|
||||
| linksbündig | rechtsbündig | zentriert | normal |
|
||||
| **//Textformatierungen//** gehen natürlich auch in Zellen! ||||
|
||||
| Text, der über mehrere Zellen geht | hier steht auch noch was |
|
||||
| ::: | sonstiger Text | noch sonstigerer Text | sonstigster Text |
|
||||
</code></pre>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h2>Verlinkungen</h2>
|
||||
|
||||
<h3 class="fragment">intern</h3>
|
||||
<pre class="fragment"><code class="markdown" data-trim>
|
||||
[[beispiel]]
|
||||
</code></pre>
|
||||
<pre class="fragment"><code class="markdown" data-trim>
|
||||
[[beispiel|Link zu einer Beispielseite]]
|
||||
</code></pre>
|
||||
|
||||
<h3 class="fragment">extern</h3>
|
||||
<pre class="fragment"><code class="markdown" data-trim>
|
||||
[[http://example.com/beispiel]]
|
||||
</code></pre>
|
||||
|
||||
<pre class="fragment"><code class="markdown" data-trim>
|
||||
[[http://example.com/beispiel|Link zum Beispiel]]
|
||||
</code></pre>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<section>
|
||||
<h2>Seite anlegen</h2>
|
||||
<pre><code class="markdown" data-trim>
|
||||
doku.php?id=beispiel
|
||||
</code></pre>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Namensräume</h2>
|
||||
<pre><code class="markdown" data-trim>
|
||||
[[kategorie:seite]]
|
||||
|
||||
[[kategorie:start]]
|
||||
</code></pre>
|
||||
<pre class="fragment"><code class="markdown" data-trim>
|
||||
[[facebook]]
|
||||
</code></pre>
|
||||
<pre class="fragment"><code class="markdown" data-trim>
|
||||
[[marketing:facebook]]
|
||||
</code></pre>
|
||||
<pre class="fragment"><code class="markdown" data-trim>
|
||||
[[:facebook]]
|
||||
</code></pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<section>
|
||||
<h2>Dateien hochladen</h2>
|
||||
<img src="img/dw/dw-dateiupload.png" width="" height="">
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Bilder einfügen</h2>
|
||||
<img src="img/dw/dw-bildauswahl.png" width="" height="">
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<section>
|
||||
<h1>Nachbereitung</h1>
|
||||
<p></p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Nachbereitung: Code</h2>
|
||||
<pre><code class="markdown" data-trim>
|
||||
Dies ist ein __einfacher__ Text, um das **Verständnis**
|
||||
für die //**Formatierung**// abzufragen. Er enthält eine
|
||||
|
||||
=== Überschrift ===
|
||||
|
||||
Und eine nummerierte Liste:
|
||||
- Punkt
|
||||
- Komma
|
||||
- Semikolon
|
||||
- Strich
|
||||
- Mondgesicht
|
||||
|
||||
Außerdem verlinken wir hier auch noch
|
||||
auf [[http://example.com]] und
|
||||
[[http://example.com|noch einmal im Fließtext]].
|
||||
</code></pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
<h1>Fragen?</h1>
|
||||
</section>
|
||||
<!-- STOP EDITING -->
|
||||
</div>
|
||||
</div>
|
||||
<script src="lib/js/head.min.js"></script>
|
||||
<script src="js/reveal.min.js"></script>
|
||||
|
||||
<script>
|
||||
// Full list of configuration options available here:
|
||||
// https://github.com/hakimel/reveal.js#configuration
|
||||
Reveal.initialize({
|
||||
controls: true,
|
||||
progress: true,
|
||||
history: true,
|
||||
center: true,
|
||||
|
||||
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
|
||||
transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
|
||||
|
||||
// Optional libraries used to extend on reveal.js
|
||||
dependencies: [
|
||||
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
||||
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
||||
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
|
||||
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
|
||||
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
|
||||
]
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue