Tribute Page - Galileo Galilei - Responsive CSS Timeline

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! :ok_hand:

Nice one, I feel inspired

1 Like