easy-tarif.com

Example Slideshow

2017-11-22T00:00:00+00:00

A basic example for the Reveal.js integration

This post is an example to show you how to integrate an existing slideshow.

You call simply an include with the path to the slideshow:

{% include slides.html path="/slides/2017-11-22-example-presentation" %}

As a result you get all the necessary informations to start your slides - we do the include call right now:

HTML-Präsentation in einem neuen Fenster/Tab starten

Es wird ein moderner Browser mit aktiviertem JavaScript benötigt. Tips zur Navigation:

Space = Nächste Folie
Shift + Space = Vorherige Folie
Esc = Übersicht aller Folien
? = Übersicht aller Tastaturkürzel
Alle enthaltenen Links werden in einem neuen Fenster/Tab geöffnet
Rohe HTML Version mit Anmerkungen
Rohe Markdown Version

For more informations about the Reveal.js integration please see the features page here.

For a bigger example you can also have a look at this presentation from my colleague Markus Dötsch and me, which was shown by Markus on the DOAG Conference + Exhibition 2017 (in German, sorry…).

Happy presenting ;-)
Ottmar

Markdown Basics

2017-11-19T00:00:00+00:00

Syntax for creating content

Here are some basic syntax to create posts and pages. For the complete Markdown syntax see John Gruber’s original specification and the kramdown quick reference - kramdown is the Markdown renderer used by Jekyll and supports some Markdown extensions. For more details see the complete kramdown syntax.

Don’t use H1 headers in you posts and pages - every HTML page should have only one H1 header - and this H1 header is already occupied by your post or page title. As a best practice use only H2 and H3 headers - everything else is too deep. If you need such deep levels consider to split your post in multiple parts.

## H2 Header

### H3 Header

A paragraph with *emphasized text*, **bold text**, ***emphasized and bold***.
As an alternative for the star you can use the _underscore_. Text could also be
marked as ~~strikethrough~~ with two tildes.

* An unordered list item
  - Could also start with a minus sign
  + Or a plus sign
* An inline style link: [Jekyll](https://jekyllrb.com/ "With a title")  
* A reference style link: [Markdown Syntax][1]

1. An ordered list item
1. Another one
  - Unordered sub item
1. You don't need correct numbers
1. In the rendered HTML the numbers are correct

> A block quote
>
> > Nesting is possible
>
> > > Even multiple levels
>
> Back to base level

A picture with an optional image title:

![Google PageSpeed](//assets/images/page-speed-mobile.png "Image title")

Some source code:
```js
var example = "dummy JavaScript code";
```

A horizontal row:

---

[1]: https://daringfireball.net/projects/markdown/syntax

Result:

H2 Header

H3 Header

A paragraph with emphasized text, bold text, emphasized and bold. As an alternative for the star you can use the underscore. Text could also be marked as ~~strikethrough~~ with two tildes.

An unordered list item
- Could also start with a minus sign
- Or a plus sign
An inline style link: Jekyll
A reference style link: Markdown Syntax

An ordered list item
Another one
- Unordered sub item
You don’t need correct numbers
In the rendered HTML the numbers are correct

A block quote

Nesting is possible

Even multiple levels

Back to base level

A picture with an optional image title:

Some source code:

var example = "dummy JavaScript code";

A horizontal row:

Still reading? Congratulations: You know now the syntax for 80 percent of the normal content creation. Feels natural or what do you think?

Happy writing ;-)
Ottmar

Dr. Jekyll and Mr. Markdown - Bloggen für Entwickler

2017-11-05T00:00:00+00:00

DOAG Konferenz 2017, Nürnberg

Die Folien zu unserem Vortrag:

HTML-Präsentation in einem neuen Fenster/Tab starten

Es wird ein moderner Browser mit aktiviertem JavaScript benötigt. Tips zur Navigation:

Space = Nächste Folie
Shift + Space = Vorherige Folie
Esc = Übersicht aller Folien
? = Übersicht aller Tastaturkürzel
Alle enthaltenen Links werden in einem neuen Fenster/Tab geöffnet
Rohe HTML Version mit Anmerkungen
Rohe Markdown Version

Kurzdarstellung:

Wenn man sich schon Notizen macht, um das Eine oder Andere zu dokumentieren, warum nicht gleich richtig? So, dass auch andere etwas davon haben. Wer hat nicht schon von den Blogs anderer profitiert? Man muß sich für den Start nicht unbedingt mit Webhosting und WordPress & Co. herumschlagen - und auch kein Geld investieren. Stattdessen kann man auf die gewohnten Werkzeuge eines Entwicklers zurückgreifen und mit dem Editor seiner Wahl Textdateien im einfach zu schreibenden Markdown Format erstellen. Die Konvertierung in ein Blog mit allem Drum und Dran übernimmt dann der statische Website Generator Jekyll, ein Ruby-Skript. Und ein so erstelltes Blog ist rasend schnell und besonders sicher. Kombiniert mit einem kostenfreien Github-Account werden die HTML-Seiten beim Check-in in das Versionskontrollsystem erstellt und stehen sofort online zur Verfügung.

Der Vortrag führt in die Erstellung eines Blogs mit Jekyll ein und zeigt die einfach nutzbare Template-Engine, mit der man die fertig erhältlichen Themes erweitern kann. Als Beispiel implementieren wir eine integrierte HTML5 Slideshow mit Reveal.js - natürlich ist das dann auch die Technik, mit der der Vortrag gehalten wird :-)

Um den Bogen zurück zu Oracle zu schlagen wird zum Abschluss eine ähnlich einfach zu nutzende Template-Engine für PL/SQL gezeigt, mit der man das Eine oder Andere besser lösen kann als mit Replace-Verkettungen.

Hello World

2017-11-04T00:00:00+00:00

HydeBar, a Jekyll sidebar template with Reveal.js integration

This is the first blog post. Edit or delete it - as you like :-)