https://github.com/spacedrone404/timeline-years

Chronological timeline rendered via plain JS/CSS.
https://github.com/spacedrone404/timeline-years

Last synced: about 2 months ago
JSON representation

Chronological timeline rendered via plain JS/CSS.

• Host: GitHub
• URL: https://github.com/spacedrone404/timeline-years
• Owner: spacedrone404
• Created: 2024-10-23T14:55:42.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-02T18:10:51.000Z (7 months ago)
• Last Synced: 2025-02-07T05:25:40.425Z (4 months ago)
• Language: HTML
• Homepage: https://spacedrone404.github.io/timeline-years/
• Size: 1.02 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Chronological timeline rendered via plain JS/CSS.




Written from scratch in Windows 7 x64 / VSCodium 1.93.




Main features:

- Lightweight: no frameworks used, pure code

- Adaptive design: desktop & mobile

- Smooth resizing & interactive animations

Timeline slides can be changed using of multiple inputs:

- GUI interactions [dots, arrow buttons, clicks]

- keyboard arrows [left/right/up/down]

- mouse wheel [up/down]

- touchscreen swipes

Mobile layout styling is a bit hackerish right now.




Non standard breakpoints, negative margins/coordinate transformations doesn't look neat, got to fix that.




Extended animations are planned in the upcoming future.




More to come! Maybe.... somebody give me an ability not to sleep!.