fix link to site, fix transition, prep title scss

This commit is contained in:
Felix Schulze 2020-04-10 23:43:57 +02:00
parent 9d74ee6c31
commit 2c31a206ac
2 changed files with 16 additions and 8 deletions

View File

@ -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)');

View File

@ -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>