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: 3 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 (4 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).