<commit_before># reveal-zuehlke-template
=======================

A demo presentation for zuehlke based on the [revealjs framework](https://github.com/hakimel/reveal.js/)

#### additional plugins added:
- [Chart](#chart): Easy, object oriented client side graphs for designers and developers [see chartjs.org](http://www.chartjs.org/)


## Instructions

### File Structure

Explain what lies where and show concept of dividing zuehlke-theme and presentation stuff

### Zuehlke Header

How to use; Title on subsections; "before" css magic;

### Chart

Using pie, bar and other fancy charts

### PDF Export

Your presentations can be exported to PDF via a special print stylesheet. This feature requires that you use [Google Chrome](http://google.com/chrome).
Printing on FF might need specific settings for each page and background-images have to be checked if they should appear on the slides.

For printing parallax slides see section [Parallax Background](#paralax-background)

1. Open your presentation with the url parameter ```?print-pdf```
2. Open the in-browser print dialog (CMD+P).
3. Change the **Destination** setting to **Save as PDF**.
5. Change the **Margins** to **None**.
6. Click **Save**.

### Paralax Background

This nice effect with moving backgroundimages can be achieved in 2 ways:

Option 1
Use the default mode from the reveal project [revealjs framework](https://github.com/hakimel/reveal.js/) (see README -> Parallax Background)

Option 2
Use the custom styling from zuehlke template. This will scale the image to the window size. On the downside you have to enter the px amount which should be moved after each slide.

Edit ```presentation.js``` and change ```var zuehlkeParralaxOffset = 200;```. This will override the default 100px value.
Edit ```presentation.css```. Below is the demo example... change to fit your needs:<commit_msg>updated README with parallax description<commit_after># reveal-zuehlke-template
=======================

A demo presentation for zuehlke based on the [revealjs framework](https://github.com/hakimel/reveal.js/)

#### additional plugins added:
- [Chart](#chart): Easy, object oriented client side graphs for designers and developers [see chartjs.org](http://www.chartjs.org/)


## Instructions

### File Structure

Explain what lies where and show concept of dividing zuehlke-theme and presentation stuff

### Zuehlke Header

How to use; Title on subsections; "before" css magic;

### Chart

Using pie, bar and other fancy charts

### PDF Export

Your presentations can be exported to PDF via a special print stylesheet. This feature requires that you use [Google Chrome](http://google.com/chrome).
Printing on FF might need specific settings for each page and background-images have to be checked if they should appear on the slides.

For printing parallax slides see section [Parallax Background](#paralax-background)

1. Open your presentation with the url parameter ```?print-pdf```
2. Open the in-browser print dialog (CMD+P).
3. Change the **Destination** setting to **Save as PDF**.
5. Change the **Margins** to **None**.
6. Click **Save**.

### Paralax Background

This nice effect with moving backgroundimages can be achieved in 2 ways:

###### Option 1
Use the default mode from the reveal project [revealjs framework](https://github.com/hakimel/reveal.js/) (see README -> Parallax Background)

###### Option 2
Use the custom styling from zuehlke template. This will scale the image to the window size. On the downside you have to enter the px amount which should be moved after each slide.

Edit ```presentation.js``` and change ```var zuehlkeParralaxOffset = 200;```. This will override the default 100px value.
Edit ```presentation.css```. Below is the demo example... change to fit your needs:
{'fraction_non_alphanumeric': 0.10825152560360839, 'fraction_numerical': 0.007429026266914301, 'mean_word_length': 4.720789074355084, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1902445', 'n_tokens_mistral': 1050, 'n_tokens_neox': 995, 'n_words': 485}