Fix logo in the footer

Author: DmitrySharabin

Diff for: assets/style.css

@@ -1,11 +1,6 @@
 @import url(https://fonts.googleapis.com/css?family=Questrial);
 @import url(https://fonts.googleapis.com/css?family=Arvo);
 
-@font-face {
-	src: url(https://lea.verou.me/logo.otf);
-	font-family: 'LeaVerou';
-}
-
 /*
  Shared styles
  */
@@ -454,10 +449,12 @@ footer {
 		padding: .2em 0;
 	}
 
-#logo:before {
-	content: '☠';
+#logo {
 	float: right;
-	font: 100px/1.6 LeaVerou;
+	margin-block-start: 3.5em;
+	margin-inline-start: .5em;
+	height: 5em;
+	filter: brightness(0) invert(1);
 }
 
 .used-by-logos {

Diff for: assets/templates/footer.html

@@ -1,4 +1,4 @@
-<span id="logo"></span>
+<img id="logo" src="https://lea.verou.me/logo.svg" />
 <p>Handcrafted with &hearts;, by <a href="http://lea.verou.me" target="_blank">Lea Verou</a>, <a href="https://github.com/Golmote" target="_blank">Golmote</a>,
 <a href="https://github.com/mAAdhaTTah" target="_blank">James DiGioia</a>, <a href="https://github.com/RunDevelopment" target="_blank">Michael Schmidt</a>
 &amp; <a href="https://github.com/PrismJS/prism/graphs/contributors" target="_blank">all these awesome people</a></p>