Just Another Slide (Gray Theme)

Title Here

Just another slideshow made as a Side Project.
Source Code available on Github
Use ◄ / ► to begin Slideshow

Write Code

code {
	display: inline-block;
	padding: 1px;
	font-size: 2em;
	font-family: monospace;
	border: 1px solid white;
}
			

Written in `pre` tag

Nest Items

  1. Just
  2. Another
  3. List
    • Tuna
    • Bacon
    • Pizza
      • Cheese
      • Mayonaise

Fullscreen

Press `f` to toggle fullscreen

URL Hash

Slide Number is maintained in the URL.
So, it loads from the current slide if Page is Refreshed rather than starting from the beginning.

Usage

Markup is very simple.
Load in the `CSS` & `JS` file.
Add a `div` with an `id` of `slides`
which is a container & its children are the actual slides
which are `div` with a class of `slide` which has a heading for the `Title` & a paragraph for the `Description`.

Markup

<div id="slides">
<div class="slide">
<h1>Heading 1</h1>
<p>Description 1</p>
</div>
<div class="slide">
<h1>Heading N..</h1>
<p>Description N..</p>
</div>
</div>

Themes

Variety of Themes to use.
Some of the Themes are given below.
You can even make your own theme
by changing just 10 lines of code.

Official Website

How to Customize your own Theme or to Create a new Theme is given on the Official Website.
Head over to the Official Website.

Thanks !!

Create an awesome slideshow now !!
Hopefully you won't require PowerPoint Now :>
Thanks for watching :)