Skip to content
/ life Public
forked from cheeaun/life

Life - a timeline of important events in my life

License

Notifications You must be signed in to change notification settings

notslang/life

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Life

This is something that I've wanted to build for a long time. It's a timeline of important events in my life, visualized in a way my mind always imagine it. There was something called Lifepath.me but now it's gone. How about Facebook timeline? Meh.

So, this is it. Have a look at cheeaun.github.io/life.

Features

  • Super simple
  • No fancy formatting
  • No fancy setup
  • No fancy effects
  • Flexible datetimes because sometimes you don't remember the exact date of an event

How to contribute

  1. Fork this project.
  2. Write code.
  3. Make pull requests.

How to setup your own Life

  1. Fork this project.
  2. install roots: npm install roots -g
  3. Add your life events into life.md.
  4. Preview your life by running roots watch from within the project directory.
  5. When you like it, run roots compile.
  6. ./public/index.html is the resulting self-contained, compiled life.
  7. Commit life.md.
  8. Use roots deploy --gh-pages to deploy your life to GitHub Pages
  9. Update the website link in your GitHub repo description.
  10. Tell the world about your Life.
  11. Add your Life to the Lives page.

How to upgrade your Life

Fetch this repo and rebase your configuration on top of it.

Learn more.

For those who forked the earlier version of Life, these are the steps that I would recommend:

  1. Backup your life.md.
  2. Reset (hard) your fork to this repo's master branch.
  3. Re-commit your life.md.

How to configure your Life

Edit lifeConfig in app.coffee.

The configuration:

  • customStylesheetURL - (string, default to null) Path to a custom stylesheet file, for those who doesn't like the default theme.
  • yearLength - (number, default to 120) The width of the year grids, in pixels.
  • hideAge - (boolean, default to false) Option to hide age from year axis.

Datetime "syntax"

  • 2000 - event that happen in that year
  • 01/2000 - event that happen in that month/year
  • 01/01/2000 - event that happen exactly in that day/month/year
  • 2001-2005, 10/2001-02/03/2005 - event that happen within the two dates
  • ~2005 - event that happen around the time in that year
  • 2005-~ - event that happen from that year and beyond (now).

Other people's Lives

Here's a compilation of Lives from the people who has forked Life.

License

MIT

About

Life - a timeline of important events in my life

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 78.0%
  • CSS 17.4%
  • CoffeeScript 4.6%