This is a modern, very computationally light, slideshow maker. It completely separates style rules from content. You can edit it completely online or download the code from github.com/kevincure/ModernSlides or find more similar tools at kevinbryanecon.com/tools.html and create your slides locally in your browser. Once your slides are set, click download. You can upload that text file to anywhere you like, then open it with a url query of the form ?xml=...: e.g., this one here
Each slide is defined by directives in a Markdown type format. A directive starts a line, ends with a colon `:`, and its value is all text that follows until the next directive. In the text editor, you can use abbrevations, noted like [B:]. That is, if you type B: at the start of a line, Background: will automatically pop up.
Press 'e' to toggle between edit and present, 'f' to go to full screen mode, and 'p' to open a presenter mode window.
# --- METADATA (place at the top) ---
Background: image-url.jpg (B:)
FullScreenImage: image-url.jpg (F:)
# --- CONTENT DIRECTIVES ---
Title: The Main Title of The Slide (t:)
Supports $LaTeX$ and
manual line breaks.
Header: Small text in corner (h:)
BigText: For large, prominent text. (b:)
Text: For standard body text. (x:)
Add a number to Text (e.g., Text2:, Text.6:) to scale relative to the slide (0.2–5 works).
<<< Text on Left <<<, >>> Text on Right >>>, and ||| Text is centered ||| align any line
A blank line between text...
...and a skipped line creates a new paragraph.
SmallText: For smaller body text. (s:)
TinyText: For footnote-sized text. (y:)
Blockquote(caption): Creates a blockquote with a caption below (q:)
Break: 1 (or 2.2 or .7), provides a break of a set size
Notes: For notes at the bottom of the slide. (n:)
These appear in a special position.
SpeakerNote: For notes for yourself in presentation mode (S:)
PrintNote: notes about the slide to appear only when printed from the 'print' button in Edit (if you print from the slides, you won't get these) (P:)
Image: image-url.jpg (or a weblink to jpg/png/gif), An optional caption for image after the comma (I:)
FullScreenWebsite: https://example.com. If the website shows as broken, it is being blocked on the other website's end. Your personal website should work fine. You can use this to embed a Youtube video including the start time by clicking 'share' and then 'embed' and copying the embed url on Youtube. (F:)
Columns: (C:)
This is the left column. Can contain any
amount of text, paragraphs, and $math$. The ---- instead of --- makes it double-width.
----
This is the right column. You can put an
image here using the 'image, caption' syntax:
test.jpg, A caption for the image in the column.
...or you can just have more text.
---
BigText: >>> Third column right-aligned >>>
Table: (T:)
Header 1 & Header 2 & Header 3
---
Cell 1.1 & Cell 1.2 & Cell 1.3
---
Cell 2.1 & Cell 2.2 & $math$ is fine
*some text* is italic, **some text** is bold, ***some text*** is bold italic.
To include a link, put ! before http (e.g., !http://www.alldayta.com). !http://www.alldayta.com[All Day TA] lets you control the text included in the link.
For internal links to slides, use +++InternalRefName[Text on Link]+++ anywhere on a slide, then Ref:InternalRefName on some other slide. If you want two way links, of course you can just create a Ref: for the original slide as well.
# --- NOTES ---
# - Download Raw Deck and Load Deck give you your slides but you
# will still need any images referred to in the same folder
# - If you print from your browser, it will give slides without PrintNotes.
# - If you print from the print icon in Edit mode, it will show the PrintNotes.
# - You can add a bullet point by pressing Ctrl+B.
# - Sequential lines with * or bullet points will form unordered lists
# - Sequential lines with 1., 2., 3. will form ordered lists
# - If no directive is given, text defaults to `Text:`.
# - In `Columns` and `Table`, use `---` on its own line
# to separate sections/rows.
# - You cannot nest some directives (e.g., a Table inside a Column).
# - As you edit, your two most recent sessions are stored locally. The app automatically reopens the last one and the clock icon restores the prior deck in case you face a crash or accidentally overwrite your slides you haven't yet downloaded.
# - Undo and Redo are next to the style selector in the toolbar.
# - When a thumbnail is highlighted you can use the + / - buttons on it to add or delete slides.
# - 11 different styles are given, but you can create your own also
# - If you want images that are not web-linked, you can paste images into the textbox, and when you download, it will include those images. Keep all in the same folder wherever you store your offline slide text and images.
Images pasted into this browser (IndexedDB). Delete unused ones to free space.