Stop linking to Gravatar for my Avatar

_includes/head.html

@@ -2,7 +2,7 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" href="https://gravatar.com/avatar/2bd4ed22d7f59d1a83f5a4253d74f814.jpg">
+  <link rel="icon" href="{{ site.url }}{{ site.baseurl }}/avatar.jpeg">
   <title>{% if page.title %}{{ page.title }} ~~ {{ site.title }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description | nstrip_html | strip_newlines }}{% endif %}">
 

css/main.scss

@@ -53,7 +53,7 @@ $on-laptop:        800px;
 ;
 
 // This is used in the index
-#gravatar {
+#avatar {
     margin-left: auto;
     margin-right: auto;
     width: 6em;

index.html

@@ -4,7 +4,7 @@ title: Index
 excerpt: "I am a Highly Sensitive Autistic Pirate with Linux experience from 2008. I am familiar with git and unemployed."
 ---
 
-<p id=gravatar><img alt="Gravatar" src="https://gravatar.com/avatar/2bd4ed22d7f59d1a83f5a4253d74f814?s=100.png" /></p>
+<p id=avatar><img alt="Avatar" src="{{ site.url }}{{ site.baseurl }}/avatar.jpeg" /></p>
 
 <p id=bio>I am a Highly Sensitive Autistic Pirate with Linux experience from 2008. I am familiar with git and unemployed.</p>
 <p>I speak Finnish, English and a little Esperanto. I am currently learning Czech.</p>