Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/MichaelCurrin/html-timeline-generator
Browser tool to create pretty HTML timelines
https://github.com/MichaelCurrin/html-timeline-generator
generator html preact timeline
Last synced: 2 months ago
JSON representation
Browser tool to create pretty HTML timelines
- Host: GitHub
- URL: https://github.com/MichaelCurrin/html-timeline-generator
- Owner: MichaelCurrin
- License: mit
- Created: 2021-01-02T11:22:12.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2021-01-02T15:27:14.000Z (about 4 years ago)
- Last Synced: 2024-10-12T19:36:38.892Z (3 months ago)
- Topics: generator, html, preact, timeline
- Language: CSS
- Homepage: https://michaelcurrin.github.io/html-timeline-generator
- Size: 65.4 KB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- project-awesome - MichaelCurrin/html-timeline-generator - Browser tool to create pretty HTML timelines (CSS)
README
# HTML Timeline Generator
> Browser tool to create pretty HTML timelines[![GitHub tag](https://img.shields.io/github/tag/MichaelCurrin/html-timeline-generator?include_prereleases=&sort=semver)](https://github.com/MichaelCurrin/html-timeline-generator/releases/)
[![License - MIT](https://img.shields.io/badge/License-MIT-blue)](#license)[![dependency - preact](https://img.shields.io/badge/preact-latest-blue)](https://www.npmjs.com/package/preact)
## Preview
![Basic](/basic.png)
[![View site - GH Pages](https://img.shields.io/badge/View_site-GH_Pages-2ea44f?style=for-the-badge)](https://michaelcurrin.github.io/html-timeline-generator/)
## How to create your timeline
Open the site linked above.
Add a few events with the form - no coding needed.
See your timeline generated on the page.
Take a screenshot of the results.
You can use your browser's functionality to get a full page screenshot.
- Firefox:
1. Right-click on the page.
2. Click _Take screenshot_
3. Select _Full page_.
4. The image will be saved to Downloads.## Credits
The timeline HTML and CSS in this project is based on this [CSS Timeline](https://www.w3schools.com/howto/howto_css_timeline.asp) tutorial.
## License
Released under [MIT](/LICENSE) by [@MichaelCurrin](https://github.com/MichaelCurrin).