From 2c31a206acad8a63dfd9965355acb56c21e9bf28 Mon Sep 17 00:00:00 2001
From: Felix Schulze <thefeli73@hotmail.com>
Date: Fri, 10 Apr 2020 23:43:57 +0200
Subject: [PATCH] fix link to site, fix transition, prep title scss

---
 src/css/layout/_main.scss |  8 +++++++-
 src/index.html            | 16 +++++++++-------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/css/layout/_main.scss b/src/css/layout/_main.scss
index 47b9b75..e8d4b06 100644
--- a/src/css/layout/_main.scss
+++ b/src/css/layout/_main.scss
@@ -24,10 +24,16 @@
           padding-bottom: 61.805%;
           overflow: hidden;
 
+          > .siteTitle {
+            > h2 {
+              position: absolute;
+              z-index: 99;
+            }
+          }
           > picture > img {
             width: 100%;
             @include vendor('transition', (
-              'filter #{_duration(transition2)} ease',
+              'filter #{_duration(slow-transition)} ease',
               'transform #{_duration(slow-transition)} ease'
             ));
             @include vendor('filter', 'brightness(1.15) contrast(0.8) grayscale(1)');
diff --git a/src/index.html b/src/index.html
index 65bcd80..0ad093c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -93,14 +93,16 @@
 
 <div id="main">
   <section>
-    <a href="page1.html">
+    <a target="_blank" rel="noreferrer" href="https://www.schulze-uebersetzungen.eu/">
       <div>
-      <picture id="letters">
-        <source srcset="/img/site/schulze-uebersetzungen/letters@1.00x.webp" type="image/webp">
-        <source srcset="/img/site/schulze-uebersetzungen/letters@1.00x.png" type="image/png">
-        <img src="/img/site/schulze-uebersetzungen/letters@1.00x.png" alt="schulze-uebersetzungen">
-      </picture>
-      <h2>schulze-uebersetzungen</h2>
+        <div class="siteTitle">
+          <h2>schulze übersetzungen</h2>
+        </div>
+        <picture id="letters">
+          <source srcset="/img/site/schulze-uebersetzungen/letters@1.00x.webp" type="image/webp">
+          <source srcset="/img/site/schulze-uebersetzungen/letters@1.00x.png" type="image/png">
+          <img src="/img/site/schulze-uebersetzungen/letters@1.00x.png" alt="schulze-uebersetzungen">
+        </picture>
       </div>
     </a>
   </section>