saracalihan / github-timeline

Responsive and easy to use GitHub Timeline for specific users

👋 Hi there! I'm Alihan SARAÇ

👇For more information, contact to me. 👇

🤠About Me🤠	🔗Contact🔗
Computer Science Student	saracalihan.com
Web, IOT, Robotic	Twitter
Istanbul-TURKEY	Mail
Swimming, Kickbox, RC Toys	LinkedIn
Pronouns: He/Him	Kommunity

github-timeline's Issues

JavaScript transpiler must be added

JavaScript transpiler like Babel must be added to using new ECMA Script features

CSS import style must be changed

All elements has inline CSS.İts hard to change and selection attributes for theme etc. .CSS import type must be change to external CSS.

Rename the repository to 'github-events'

We must be rename the repository because it shows users events not user timeline(timeline include friends activities too)

Dark/Ligth theme must be added

Theme attribute must be added on html code like this:
<div class="github-timeline" ... data-dark-theme="true"></div>
<div class="github-timeline" ... data-use-system-theme="true"></div>

Default theme is Ligth Theme so data-dark-theme and data-use-system-theme attributes default values is false

npm package not working

Vue projesinde paket import edildiğinde daha dom hazır olmadığından kod github-timeline class'ına sahib bir element bulamıyor ve dom yüklendikten sonra da kod zaten bir kere çalıştığı için komponent çizilemiyor.

Böyle bir class'a sahip eleman olup olmadığı setTimeout kullanılarak belli aralıklarla takip edilebilir

User veya event bulunmayan timelinelarda resize hatası

Event Icon

Event icon must be added for all event type(star, watch, push, fork, pull request open, review etc.).

event.payload.type

Try it online

A site should be published where users can test the project live. They can configure it according to their requests. GitHub pages, Netlify or Vercel can be used.