added signature in contact page

diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss
index 82a5b18..d172291 100644 (file)
--- a/assets/sass/base/_typography.scss
+++ b/assets/sass/base/_typography.scss
@@ -197,7 +197,8 @@
        }\r
 \r
        .screen-reader-text,\r
-       .hidden {\r
+       .hidden,\r
+       .js-hidden {\r
                @include hide-visually;\r
        }\r
 \r

diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss
index 9636a0f..131fa48 100644 (file)
--- a/assets/sass/components/_image.scss
+++ b/assets/sass/components/_image.scss
@@ -60,6 +60,15 @@
                        }\r
                }\r
        }\r
+       .image.signature {\r
+               &.left,\r
+               &.right {\r
+                       max-width: 60%;\r
+               }\r
+               @media screen and (prefers-color-scheme: dark) {\r
+                       filter: invert(84%) sepia(12%) saturate(486%) hue-rotate(197deg) brightness(84%) contrast(87%);\r
+               }\r
+       }\r
 \r
        .circle > img {\r
                @include circle(200px, "block");\r

diff --git a/layouts/shortcodes/contact.html b/layouts/shortcodes/contact.html
index 149aa61..4343809 100644 (file)
--- 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>