schulze/schulzestudio
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix link to site, fix transition, prep title scss

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/css/layout/_main.scss
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)');

16
src/index.html
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>
<picture id="letters"> <div class="siteTitle">
<source srcset="/img/site/schulze-uebersetzungen/letters@1.00x.webp" type="image/webp"> <h2>schulze übersetzungen</h2>
<source srcset="/img/site/schulze-uebersetzungen/letters@1.00x.png" type="image/png"> </div>
<img src="/img/site/schulze-uebersetzungen/letters@1.00x.png" alt="schulze-uebersetzungen"> <picture id="letters">
</picture> <source srcset="/img/site/schulze-uebersetzungen/letters@1.00x.webp" type="image/webp">
<h2>schulze-uebersetzungen</h2> <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> </div>
</a> </a>
</section> </section>