updated documentation post
This commit is contained in:
parent
fd0f14a116
commit
0714a9a130
2 changed files with 15 additions and 13 deletions
|
|
@ -113,9 +113,9 @@ events:
|
||||||
|
|
||||||
timeline-img: "/img/timeline/default.png"
|
timeline-img: "/img/timeline/default.png"
|
||||||
|
|
||||||
##################
|
###########
|
||||||
# Contact layout #
|
# Contact #
|
||||||
##################
|
###########
|
||||||
|
|
||||||
email: "your@email.here"
|
email: "your@email.here"
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,23 +6,25 @@ category: tech
|
||||||
tags: [ 'tutorial' ]
|
tags: [ 'tutorial' ]
|
||||||
---
|
---
|
||||||
One of the coolest features of { Personal } is that enables you to tell your life's story in
|
One of the coolest features of { Personal } is that enables you to tell your life's story in
|
||||||
the form of a timeline of photos, dates and text descriptions. Let's see how it works.
|
the form of a timeline of photos, dates and text descriptions.
|
||||||
|
Let's see how it works. Timeline is controlled by the following variables:
|
||||||
Open the \_config.yml and find the events list definition, it should look like this:
|
|
||||||
|
|
||||||
<pre><code data-trim class="yaml">
|
<pre><code data-trim class="yaml">
|
||||||
events:
|
events:
|
||||||
- image: "/img/career/spidertocat.png"
|
- image: "/img/timeline/spidertocat.png"
|
||||||
date: "September 2013 - Today"
|
date: "September 2013 - Today"
|
||||||
description: "Saving the neighborhood!"
|
description: "Saving the neighborhood!"
|
||||||
- image: "/img/career/baracktocat.jpg"
|
- image: "/img/timeline/baracktocat.jpg"
|
||||||
date: "September 2007 - August 2013"
|
date: "September 2007 - August 2013"
|
||||||
description: "Started coding"
|
description: "Started coding"
|
||||||
|
|
||||||
|
# First image of the Timeline
|
||||||
|
|
||||||
|
timeline-img: "/img/timeline/default.png"
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
For each event of your life, add a tuple of image, date and description to the events, and the timeline will be automatically generated!
|
For each event of your life, add a tuple of image, date and description to the events,
|
||||||
|
and the timeline will be automatically generated! The timeline-img path variable is
|
||||||
|
the image that you want to show up in the beginning of your Timeline, be creative!
|
||||||
|
|
||||||
Bellow the events variable there is the career-img.
|
<small>Square images are most suited 😉</small>
|
||||||
Set this path to the image that you want to show in the beginning of the timeline.
|
|
||||||
|
|
||||||
Square images are most suited 😉
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue