From 37ce51473b7359949c4fd667e2cd6cb1115b21ea Mon Sep 17 00:00:00 2001
From: danix <danix@danix.xyz>
Date: Wed, 1 Mar 2023 10:42:50 +0100
Subject: [PATCH] added signature in contact page

---
 assets/sass/base/_typography.scss  | 3 ++-
 assets/sass/components/_image.scss | 9 +++++++++
 layouts/shortcodes/contact.html    | 1 +
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss
index 82a5b18..d172291 100644
--- a/assets/sass/base/_typography.scss
+++ b/assets/sass/base/_typography.scss
@@ -197,7 +197,8 @@
 	}
 
 	.screen-reader-text,
-	.hidden {
+	.hidden,
+	.js-hidden {
 		@include hide-visually;
 	}
 
diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss
index 9636a0f..131fa48 100644
--- a/assets/sass/components/_image.scss
+++ b/assets/sass/components/_image.scss
@@ -60,6 +60,15 @@
 			}
 		}
 	}
+	.image.signature {
+		&.left,
+		&.right {
+			max-width: 60%;
+		}
+		@media screen and (prefers-color-scheme: dark) {
+			filter: invert(84%) sepia(12%) saturate(486%) hue-rotate(197deg) brightness(84%) contrast(87%);
+		}
+	}
 
 	.circle > img {
 		@include circle(200px, "block");
diff --git a/layouts/shortcodes/contact.html b/layouts/shortcodes/contact.html
index 149aa61..4343809 100644
--- a/layouts/shortcodes/contact.html
+++ b/layouts/shortcodes/contact.html
@@ -40,6 +40,7 @@
           <span class="icon solid alt fa-envelope"></span>
           <h3>Reach out to me</h3>
           <p>I'm here to help, if you need to talk to me feel free to reach out and tell me whatever you need help with, I'll be happy to find some time to discuss the matter with you!</p>
+          <img class="signature image right" src="/uploads/2018/05/new-signature.png" alt="signed by danix">
         </div>
       </section>
     </section>
-- 
2.20.1