Skip to content

chr15m/scittle-tiny-slides

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Minimalist slides for Scittle ClojureScript.

quickstart

To get a live-reloading dev experience you can Start a josh server.

slides

Each slide is a :section tag like this:

(defn slides [state]
  [:<>
   [:section
    [:h1 "Hello"]
    [:h2 "Your first slide."]]

   [:section
    [:h1 "Slide Two"]
    [:img {:src "https://w.wiki/CAvg"}]
    [:h3 "It's the moon."]]

    ; ...

navigation

Slide navigation keys:

  • Next: RightArrow, DownArrow, PageDown, Spacebar, Enter
  • Prev: LeftArrow, UpArrow, PageUp
  • First: Home, Escape, Q
  • Last: End

Or tap/click the right/left side of the screen to go foward/backward.

features

  • Easy to deploy static HTML.
  • Use hiccup Reagent forms to design slides.
  • Tiny hackable codebase.

dev

Start a live-reloading dev server:

echo {} > package.json
npm i cljs-josh
npx josh

(Or just josh if you have done npm i -g cljs-josh to install it globally).

about

Built at Barcamp London 2024 for this talk.