Prevent default link dragging behaviour

[jeetsh4h]

Fixing the things that really bugged me in the website.

• Made the logo animate when hovering or clicking on the title
  • just like the list below
• Prevent default browser behavior when dragging links.
  • basically remove the weird dragging of text and it still staying active unless un-pressed again.

If people only used Chrome and Safari then the CSS snippet below would have sufficed.

a {
    -webkit-user-drag: none;
}

Refer to the docs here as to what it does and why.

There is another way of achieving the same result without using the <script> tag. However it is more tedious and I personally do not like it. It would essentially means that we would add the below attribute to every <a> tag where one would want to prevent the draggability of the anchor element.

<a ondragstart="event.preventDefault()" href="#">lorem ipsum</a>

[jeetsh4h]

Wanted to fix the CSS duplication, logo as a button, and the formatting but @ZYR0Z seems to have beet me to it for all of them in PR #3