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%; padding-bottom: 61.805%;
overflow: hidden; overflow: hidden;
> .siteTitle {
> h2 {
position: absolute;
z-index: 99;
}
}
> picture > img { > picture > img {
width: 100%; width: 100%;
@include vendor('transition', ( @include vendor('transition', (
'filter #{_duration(transition2)} ease', 'filter #{_duration(slow-transition)} ease',
'transform #{_duration(slow-transition)} ease' 'transform #{_duration(slow-transition)} ease'
)); ));
@include vendor('filter', 'brightness(1.15) contrast(0.8) grayscale(1)'); @include vendor('filter', 'brightness(1.15) contrast(0.8) grayscale(1)');

View File

@ -93,14 +93,16 @@
<div id="main"> <div id="main">
<section> <section>
<a href="page1.html"> <a target="_blank" rel="noreferrer" href="https://www.schulze-uebersetzungen.eu/">
<div> <div>
<div class="siteTitle">
<h2>schulze übersetzungen</h2>
</div>
<picture id="letters"> <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.webp" type="image/webp">
<source srcset="/img/site/schulze-uebersetzungen/letters@1.00x.png" type="image/png"> <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"> <img src="/img/site/schulze-uebersetzungen/letters@1.00x.png" alt="schulze-uebersetzungen">
</picture> </picture>
<h2>schulze-uebersetzungen</h2>
</div> </div>
</a> </a>
</section> </section>