Tribute Page - Galileo Galilei - Responsive CSS Timeline

Tribute Page - Galileo Galilei - Responsive CSS Timeline


I made a snippet for the Timeline:


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";
} cite:after {
  content: "\f10e";

But it’s just a matter of preference, obviously.


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!


thanks for the tip, this is nice if there are more then one <cite> in the page! :ok_hand:


Nice one, I feel inspired