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 (over 3 years ago)
Default Branch: master
Last Pushed: 2021-01-02T15:27:14.000Z (over 3 years ago)
Last Synced: 2024-01-24T16:14:55.246Z (5 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

Lists

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).