I made a snippet for the Timeline: https://gist.github.com/pldg/8b96ab57f23e136a22d9e14e828984ea
1 Like
Nice job! The timeline is a nice touch and well made too. As a side note, in case you didn’t know, you can use font-awesome icons in before and after elements through their unicodes.
So, your cite would become just:
<cite>All truths are easy to understand once they are discovered; the point is to discover them</cite>
And then in your CSS you would have:
cite {
font-size: 1.6em;
display: block;
overflow: hidden;
} cite:before, cite:after {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #337ab7;
} cite:before {
content: "\f10d";
padding-right:5px;
} cite:after {
content: "\f10e";
padding-left:5px;
}
But it’s just a matter of preference, obviously.
1 Like
Hi, I really like your page! Especially how you draw attention to the Wikipedia link at the end with the color shifting animation. It’s very neat!
1 Like
thanks for the tip, this is nice if there are more then one <cite>
in the page!
Nice one, I feel inspired
1 Like