Email highlighted

_includes/css/base.css

@@ -27,6 +27,15 @@ a:not([class]) {
   }
 }
 
+a.highlight {
+  color: var(--color-primary-shade);
+}
+
+a.highlight:hover, a.highlight:active {
+  color: var(--color-primary);
+  text-decoration: underline;
+}
+
 h1,
 h2,
 h3 {}

_includes/css/layout.css

@@ -23,6 +23,7 @@ footer {
 }
 
 footer nav {
+  margin: var(--space-m) auto;
   text-transform: uppercase;
 }
 

_layouts/default.html

@@ -45,10 +45,17 @@ <h1 class="logo"><a href="/" title="{{ site.title }}">{{ site.title }}</a></h1>
   </main>
 
   <footer class="container">
+    <p>
+      Amara loves getting emails.
+      <a class="highlight" href="mailto:[email protected]">Please email her</a>.
+      <br>
+      The parents will reply with her hand-written reply.
+    </p>
     <nav>
       <a href="/">Home</a>
       <a href="/feed.xml">Feed</a>
       <a href="mailto:[email protected]">Email</a>
+      <a href="https://github.com/oinam/amara.oinam.art">Source</a>
     </nav>
     <p>
       <small>

index.html

@@ -8,7 +8,8 @@
 		<a href="{{ site.baseurl | prepend: site.url }}{{ post.url }}" title="{{ post.title }}">
 			<figure>
 				<img width="300" height="400"
-				src="/{{ site.file_path }}/{{ post.image }}{{ site.file_thumb }}.{{ site.file_thumb_format}}">
+					alt="{{ post.title }}"
+					src="/{{ site.file_path }}/{{ post.image }}{{ site.file_thumb }}.{{ site.file_thumb_format}}">
 				<figcaption>{{ post.title }}</figcaption>
 			</figure>
 		</a>