Tutorial | Strut App - Creating presentations online using Markdown edit

Words
409
Reading
2 min
Listen
Play
9y

Hello Steemians, today I like to share with you this tutorial about Strut app!

0.png

Strut is a web-based application to easy create presentations online and share it. In business and academic life we are always dealing with data shows, work presentations, report presentations and so...

This tool can be very useful if you need to make one quick presentation and have no software installed on your machine for doing that:
1.png

Strut is very simple but has interesting features like Markdown edit and CSS.

So Let's see how to use it. In this tutorial I will create one presentation using the Markdown of my last post here at utopian-io as an exemple:

go to: http://strut.io/editor/#
2.png
Above we have our main Painel

Now let's make our first slide with Markdown:
3.png
Click on the first slide on left and select Markdown

Adding the title:
//One easy way get the Markdown of your posts: go to steemd and copy the post content4.png
Paste your markdown Title And Click + to add a new slide

Adding content:
Create as many slides as you need just clicking + and then paste or write your Markdown content5.png

Over View panel:
over.png
Click on the over view button on top right.

Over View panel: Adding Background Color
6.png
Select the background color for the current select slide or all slides

Over View panel: Adding Surface Color
6.1.png
Here we can choose the color of the presentation background on the browser.

Over View panel: Adding Style
7.png
In the over View panel you can click & drag the slides and set animated rotations. Play with it by setting angles for the slides and Dragging over the board.

Saving:
Click on the Strut logo and Save As...
9.png
Choose the name and click OK
Now its saved online at your Strut local storage. To save in your computer you will need Export.

Exporting:
export.png
Click on the Strut logo and Export. Click to download .json
To work with this file later just import it to Strut by clicking Strut logo and Import

Starting the presentation:
play.png
click PLAY
Final Result: http://strut.io/editor/preview_export/impress.html#/step-1


Now you can use the link to make your presentation or share with anyone

Bonus: Strut offers 3 types of presentation. Impress, Bespoke and Handout
types.png
Choose your option and click PLAY

End of Tutorial

That's all for today. I hope you all enjoyed.

If you liked please don't forget to upvote and comment!
Thank You - lpessin@lpessin



Posted on Utopian.io - Rewarding Open Source Contributors

Tutorial | Strut App - Creating presentations online using Markdown... | Ecency