DanielRuf/weenote-improved
Archived
1
0
Fork 0
Code Issues Pull requests Activity
fork of https://github.com/jed/weenote with improvements
This repository has been archived on 2026-05-06. You can view files and clone it, but you cannot make any changes to its state, such as pushing and creating new issues, pull requests or comments.
13 commits 1 branch 0 tags 44 KiB
  • HTML 49.6%
  • JavaScript 43.5%
  • CSS 6.9%
Find a file
BERJAYA DanielRuf d926628352 fix links
2026-05-06 08:12:50 +02:00
index.html fix links 2026-05-06 08:12:50 +02:00
LICENSE Initial commit 2026-05-05 23:54:01 +02:00
README.md update README and remove obsolete notice 2026-05-06 08:10:14 +02:00
weenote.css move css code to separate file 2026-05-06 07:57:15 +02:00
weenote.js add version with improvements 2026-05-05 23:58:51 +02:00

README.md

weenote-improved

fork of https://github.com/jed/weenote with improvements

A quick/dirty/tiny tool for creating simple Takahashi-style presentations. It was inspired by tmcw's big.

Check out the demo if you'd like.

What it is

weenote is ~60 lines of JavaScript that turns an HTML document into a slideshow. It turns every child node in the document's BODY into a slide, automatically zoomed to fit the window. It also binds taps and arrow keys for navigation.

How to use

  1. Create an HTML document.
  2. Hotlink weenote.js in the HEAD.
  3. Hotlink weenote.css in the HEAD.
  4. Add all slides as child elements of the BODY.
  5. Load it in your browser.
  6. Present!

To show the next slide: tap the right half of the page or press the right arrow. To show the previous slide: tap the left half of the page or press the left arrow.

Changes from the original version

  • remove font-size change from anchor border
  • improve support for lists
  • add optional code to prevent overflows
  • add support for images
  • replace loop with scale calculation
  • styles are in a separate css file to make changes easier

License

BSD