WingNews logo WingNews GitHub [2]
top | item 6833565

Show HN: Life – A timeline of important events in (your) life

268 points| cheeaun | 12 years ago |github.com | reply

94 comments

order
[+] kaeluka|12 years ago|reply
kind of similar to my CV: http://stbr.me/blog/files/cv.pdf (edit: which I did in latex)
[+] kaeluka|12 years ago|reply
to everyone who asked: https://github.com/kaeluka/cv

Feel absolutely free to use this as a starting point to make your own. I tried to separate the concerns layout and graphics a bit -- but it's ofc a bit hacky. This is a CV, not software, after all. I'd appreciate to see what you did with it :)

[+] Argorak|12 years ago|reply
Thats neat! Is the source available somewhere?
[+] pavanred|12 years ago|reply
That looks great! While cramming up all information into a page of two, a time line would really help. Please share the source if you can.
[+] yeukhon|12 years ago|reply
@kaeluka awesome. For a small timeline this is perfect! I also like vertical timeline. It's too spare for horizontal.
[+] yannis|12 years ago|reply
Smells of TikZ! Very nicely done.
[+] thearn4|12 years ago|reply
The versatility of *tex never ceases to impress me!
[+] subleq|12 years ago|reply
That is gorgeous, I love the design.
[+] amasad|12 years ago|reply
Related: I like the timelines on Bret Vector's Bio page http://worrydream.com/#!/Bio
[+] tcpekin|12 years ago|reply
This is fantastic. I just spent half an hour reading through his site.
[+] enscr|12 years ago|reply
Great design but loads slow. Wish it's as snappy as it's beautiful
[+] xutopia|12 years ago|reply
I've been following Cheeaun's work for a few years now. The guy writes plugins for various tools, always hacking away at things. It's quite entertaining to see what he comes up with next.
[+] mildavw|12 years ago|reply
I've been using his http://cheeaun.github.io/hackerweb/ to read HN on my phone for a while (is it years yet?) now. I try others as they appear and so far continually go back to his.
[+] bearwithclaws|12 years ago|reply
Wow. This is totally cool! I like how simple your implementation is. I can see this is not only useful as timeline of important life events, but also in recording company milestones.

Congrates, man!

[+] cheeaun|12 years ago|reply
Thanks :) Haven't really thought of company milestones... but I guess you're right!
[+] toddmorey|12 years ago|reply
My quick web search didn't show anything without caveats, but if there's any decent javascript that can be used to make the mouse wheel scroll the page sideways, that would be a really nice addition.
[+] cheeaun|12 years ago|reply
I thought of that too, probably using some 'mousewheel' event, but later I realise the page height may grow as well (with vertical scrollbar) depending on the number of events.
[+] jonemo|12 years ago|reply
I did something like that on my personal site, eg. http://jonasneubert.com/projects/printablegeography

To accommodate for small screens/windows it scrolls down until it hits the bottom and then goes right. On the way back it scrolls up first, until it reaches the top, then towards the left.

[+] alvarop|12 years ago|reply
I just press shift + scroll wheel for horizontal scrolling
[+] msutherl|12 years ago|reply
Incidentally the new Myspace does this to good effect.
[+] seiji|12 years ago|reply
A mouse? That's one of those archaic precursors to multitouch trackpads, right?
[+] jcutrell|12 years ago|reply
I'd love to see this as a zoomable timeline, where less important events are less visible when zoomed out, so that the timeline itself is fully visible at 100%.

Draggable timeline in a max 100% w/h window would fix the scrolling weirdness for folks who care, and would also be usable on a touch device, but I think the interaction should always feel full screen, regardless of where you are in the timeline.

Love this idea, quite a lot actually.

Perhaps this is marketable to the folks at Timehop? :)

[+] timeglider|12 years ago|reply
Check out www.timeglider.com ---- a zooming timeline where importance is tied to size/visibility of events. full disclosure: my creation.
[+] WesleyJohnson|12 years ago|reply
How do you envision designating important events - or should the app determine those automatically?
[+] rafeed|12 years ago|reply
Neat, would be cool to add a link or hover over feature too for additional info on a particular event. I'll try to work on it if I have time, but hopefully someone else more capable is on it already!
[+] chacham15|12 years ago|reply
Why not flip it at the 45 degree axis to make it go vertically instead of horizontally? That way we can scroll normally to see more.
[+] Raphael|12 years ago|reply
If you flip it, the text would be mirrored. Rotate.
[+] namuol|12 years ago|reply
Just once I'd like to see a site with a horizontal scroll that doesn't just assume I'm using an Apple device.
[+] kfk|12 years ago|reply
Nice. I would like to navigate clicking. Also, I would like to see pictures.
[+] Heliosmaster|12 years ago|reply
Everything is just a pull request away :)
[+] meerita|12 years ago|reply
Looks wonderful but the horizontal navigation goes out of control. I would take Path's approach –if I have to mention something publicly known– to display the important events of your life.
[+] kuldar|12 years ago|reply
What's the simplest way to run it locally? I don't necessarily want to upload it to gh-pages, but simply opening the html won't work either.
[+] cheeaun|12 years ago|reply
Make a copy of life.example.md, rename it to life.md, edit it. Run the page on a local server.