Interactive customizable and cool looking slide presentations in HTML for your website or local/personal use!
Use-case:
Looking for simple layout yet capable of presenting different types of information, text, tags, pictures, explanations in multiple columns and consistent look across slides. The output will be interactive and in html format which you can use locally or host for your website.
Video Tutorial for this blog is available here:
Step1: resource
We are going to use the html template which is a ready made from shower github website: https://github.com/shower/shower
Once you download the zip file in this link, you are ready for next step, which is customizing the index.html file to get your final desired layout and look.
Step2: customizing index.html file in shower
In the video, I go through the added customzation in more details. Here, I just highlight some important parts.
We are adding a customizable container class called, cust and add some css configuration to it here. The focus here was to fill as much as possible white space in slide to have maximal use of space, but you can change the numbers as you see fit.
The two columns inside the slide needs customization as well and they are called, nav and article.
Lastly, it is also important to note what the html code for each main slide look like:
Finds us on socials: https://linktr.ee/winswithdata
Related Links
- code solution script: download the content in this github repo: https://github.com/winswithdata/customized-slide
- the customized html file is located in shower\themes\ribbon\index.html
Check out these related tutorial in your convenient time:
- For python related tutorials, see this playlist of video tutorials: https://www.youtube.com/playlist?list=PL_b86y-oyLzAQOf0W7MbCXYxEkv27gPN6
- For statistical and econometric related tutorials, see this playlist of video tutorials: https://www.youtube.com/watch?v=aHBquefG6dQ&list=PL_b86y-oyLzDTtPT8Y1zTt4kLpdOBhxOZ
- For web-scraping tutorials, see this playlist of video tutorials: https://www.youtube.com/watch?v=RLnPN4HE-Qs&list=PL_b86y-oyLzDp2EBX-k2bjIBW9SgH3sxT