https://github.com/syahravi/me

syahravi timeline - a timeline of important events in my life.
https://github.com/syahravi/me

css html life personal python3 timelines

Last synced: 3 months ago
JSON representation

syahravi timeline - a timeline of important events in my life.

• Host: GitHub
• URL: https://github.com/syahravi/me
• Owner: syahravi
• License: mit
• Created: 2021-06-03T05:09:29.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-03-26T03:09:51.000Z (10 months ago)
• Last Synced: 2024-08-01T21:52:19.047Z (6 months ago)
• Topics: css, html, life, personal, python3, timelines
• Language: HTML
• Homepage: https://me.syahravi.my.id/
• Size: 1.53 MB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• project-awesome - syahravi/me - syahravi timeline - a timeline of important events in my life. (HTML)

README

        
Life

====

It's a **timeline of important events**

So, this is it. Have a look at [syahravi.my.id/timeline](https://me.syahravi.my.id).

Forked from [Cheeaun](https://github.com/cheeaun/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 setup your own *Life*

----------------------------

1. Fork or Clone this project.

2. Make a copy of `life.example.md` and `config.example.json`, rename it to `life.md` and `config.json`.

3. Add your life events into `life.md`.

4. Preview it on a local server. Use [`python -m http.server`] for Python3.

5. Commit and push your project Life.

6. Update the website link in your GitHub repo description.

7. Tell the world about your Life.

8. Add your Life to the [Lives](https://github.com/cheeaun/life/wiki/Lives) page.

How to configure your *Life*

----------------------------

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 have forked Life](https://github.com/cheeaun/life/wiki/Lives).