added signature in contact page

diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss
index 82a5b18a0000b7260b4c0bf27080c6147235a28f..d172291021c08ac68cc4b5232322d767d4e32be9 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 9636a0f464d1c33b7ff0ea3ef65a2ed6d3372997..131fa48dc23a75b8055e25478163a545215bb88f 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 149aa61d2000fb07f01f31e770d8c183cc262ffb..43438090b9a04fe786a166a3e308004104ce2219 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>