Since I started my website, I've been putting in loads of little things that make my site more attractive.
In my eyes, CSS is one of the best things to come to the world, because with it your creativity can flow wildly and you can build sexy sites.
Anyway, enough about that and enjoy some of my favourite styles and features of my site. Each of these elements is entirely my own work - none of the styles are taken from others. This post will not be focusing on my blog although I created it.
My note is used to represent something of importance that should be noted.
My code sample is used to hold a piece of code in it.
My data table is used as a table designed for holding data, rather than being used for any form of layout. The black style was inspired by the dark mode on my site.
The inline code sample
My inline code sample is used to put code in the middle of a paragraph of text.
My tooltip is used within an article or page to represent information that should likely be already known and is left out of the main body of the article. Hovering the text will make the tooltip bubble visible.
The image frame
My image frame is designed to hold an image. It also has space for a caption below.
The block image frame
My block image frame is different to my standard image frame in that it will take precisely 50% of the content space (minus padding and margins) and if another image goes to the side will begin floating to one side.
The photo gallery album container
The album container is a feature of my photo gallery that many find particularly nice. This is used to hold a front photo of a collection of photos.
In Novemeber, one of the features I decided to build was a collection of different colourful lists. A few have said they are very full of character and bring some nice new design features to my site.
The floating logo
I've had loads of comments from people who like my logo, but also people liking the fact it floats over the page.
The lined document
This document style that looks like a lined piece of paper was designed for keeping notes on my site. I use it in the University section.