Scribd
Upload
42 views8 pages

Beautiful Documents Web Technologies: Using

The document introduces a tool called ReLaXed for creating beautiful presentations using web technologies like CSS and Markdown. It can design themes with CSS, write content in Pug or Markdown, and quickly convert to PDF. The demo shows custom bullet points, components for technical presentations, and progressive slides created with Pug's syntax.

Uploaded by

BBU
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
42 views8 pages

Beautiful Documents Web Technologies: Using

The document introduces a tool called ReLaXed for creating beautiful presentations using web technologies like CSS and Markdown. It can design themes with CSS, write content in Pug or Markdown, and quickly convert to PDF. The demo shows custom bullet points, components for technical presentations, and progressive slides created with Pug's syntax.

Uploaded by

BBU
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Zulko 2018

Beautiful Documents
Using Web Technologies
ReLaXed ♥ slideshows

Beautiful presentations, with languages you already know

 Design your themes using (S)CSS


 Write the content in Pug/markdown
 Enjoy lightning-fast PDF conversion, on any platform.

We will demo:

 Custom bullet points (wait... it's this slide)


 Components for technical presentations
 Progressive slides

2
What about technical presentations ?

You can write equations with MathJax:

2
−b ± √b − 4ac
x = .
2a

Or code snippets with Highlight.js:

def relax(n_times):
for i in range(100):
print ("Aaah. I'm so ReLaXed.")

Or even plots with Vegalite:


100

50
b

3
A

O
a
What about progressive slides ?

No problem ! This is done with Pug's native syntax, which


enables even more complex logics !

For instance this slide has steps:

4
What about progressive slides ?

No problem ! This is done with Pug's native syntax, which


enables even more complex logics !

For instance this slide has steps:

 Hey ! I am a paragraph appearing at step 2.

5
What about progressive slides ?

No problem ! This is done with Pug's native syntax, which


enables even more complex logics !

For instance this slide has steps:

 Hey ! I am a paragraph appearing at step 2.


 Hi there ! I appears at step 3, and disappear at step 4.

6
What about progressive slides ?

No problem ! This is done with Pug's native syntax, which


enables even more complex logics !

For instance this slide has steps:

 Hey ! I am a paragraph appearing at step 2.


 Heya ! I appear at step 4

7
What about progressive slides ?

No problem ! This is done with Pug's native syntax, which


enables even more complex logics !

For instance this slide has steps:

 Hey ! I am a paragraph appearing at step 2.


 Heya ! I appear at step 4

That's all for the moment folks, come back later to see if there is
more !

You might also like