Update blog style and email

5 files changed, 39 insertions, 24 deletions

diff --git a/assets/scss/web/_base.scss b/assets/scss/web/_base.scss
index c6149a4..98f5880 100644
--- a/assets/scss/web/_base.scss
+++ b/assets/scss/web/_base.scss
@@ -1,5 +1,5 @@
 $secondaryColor: #DB0A16 !default;
-$linkColor: #FFDC00;
+$tertiaryColor: #FFDC00;
 
 @media (prefers-color-scheme: dark) {
   $primaryColor: #FFFFFF;
@@ -8,11 +8,11 @@ $linkColor: #FFDC00;
     background-color: #181818;
   }
   blockquote {
-    opacity: 0.6;
+    color: darken($primaryColor, 20%);
     border-color: darken($primaryColor, 60%);
   }
   a:hover {
-    text-decoration-color: $linkColor !important;
+    text-decoration-color: $tertiaryColor !important;
   }
 }
 
@@ -23,10 +23,11 @@ $linkColor: #FFDC00;
     background-color: #FFFFFF;
   }
   blockquote {
+    color: lighten($primaryColor, 40%);
     border-color: lighten($primaryColor, 80%);
   }
   a:hover {
-    background-color: $linkColor;
+    background-color: $tertiaryColor;
     text-decoration-color: $secondaryColor;
   }
 }
@@ -58,6 +59,16 @@ a {
   }
 }
 
+u {
+    text-decoration-thickness: 2px;
+    text-underline-offset: 2px;
+    color: inherit;
+}
+
+mark {
+  background-color: $tertiaryColor;
+}
+
 
 .section-header {
   font-size: 2.0rem;
@@ -81,3 +92,10 @@ a {
     flex: 100 0;
   }
 }
+
+footer {
+  margin-left: 0.5cm;
+  margin-right: 0.5cm;
+  margin-top: 1cm;
+  margin-bottom: 2cm;
+}
diff --git a/assets/scss/web/_blog.scss b/assets/scss/web/_blog.scss
index 0b98d8f..c671231 100644
--- a/assets/scss/web/_blog.scss
+++ b/assets/scss/web/_blog.scss
@@ -4,6 +4,10 @@
   margin-top: 1cm;
 }
 
+.blog__footer {
+  margin-bottom: 2cm;
+}
+
 .posts {
   font-size: 1.1rem;
   list-style: none;
@@ -25,24 +29,9 @@
 
 .post__date {
   font-weight: bold;
-  .post__date_short {
-    display: none;
-  }
-  .post__date_long {
-    display: inline;
-  }
-  @media (max-width: 780px) {
-    .post__date_short {
-      display: inline;
-    }
-    .post__date_long {
-      display: none;
-    }
-  }
 }
 
 .post__content {
-  margin-bottom: 2cm;
   h1, h2, h3, h4, h5, h6 {
     margin-bottom: 0px;
   }
diff --git a/data/home/index.yaml b/data/home/index.yaml
index 0a30ee4..d79b520 100644
--- a/data/home/index.yaml
+++ b/data/home/index.yaml
@@ -2,7 +2,7 @@ Meta:
   Name: Ahmed AbdelHalim
   Title: Platform Engineer · DevOps
   Location: Berlin, Germany
-  Email: [email protected]
+  Email: [email protected]
   Website: https://a14m.dev
   Srht: https://git.sr.ht/~a14m
   Github: https://github.com/a14m
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 7f79249..17a4f16 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -7,10 +7,7 @@
     {{ $pages := .Pages }}
     {{ range $pages }}
     <li class="post">
-      <time class="post__date">
-        <time class= "post__date_short">{{ .Date.Format "02.01.06" }}/</time>
-        <time class= "post__date_long">{{ .Date.Format "2006.01.02" }}/</time>
-      </time>
+      <time class="post__date">{{ .Date.Format "2006.01.02" }}/</time>
       <a class="post__link" href="{{ .RelPermalink }}">
         {{ .Title }}
       </a>
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index b54ec2f..84868d8 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -7,3 +7,14 @@
     {{ .Content }}
 </article>
 {{end}}
+
+{{ define "footer" }}
+<hr>
+<div class="blog__footer">
+  Thanks for reading.<br>
+  Leave a comment or a question
+  <a href="mailto:{{ .Site.Data.home.index.Meta.Email }}?subject=Blog/{{ .Title }}">
+    via email
+  </a>.
+</div>
+{{ end }}