Lazy correctly
This commit is contained in:
parent
6e8d5485f3
commit
32cb4f21f7
104
index.html
104
index.html
@ -32,10 +32,10 @@
|
||||
<section class="navigation">
|
||||
<div class="nav-container">
|
||||
<div class="brand">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/Logo-invert.webp">
|
||||
<source type="image/png" srcset="img/Logo-invert.png">
|
||||
<img class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
|
||||
<img data-src="img/Logo-invert.png" style="width: 100px;">
|
||||
</picture>
|
||||
</div>
|
||||
<nav>
|
||||
@ -127,104 +127,104 @@
|
||||
<div class="bgallery">
|
||||
<div class="gallery">
|
||||
<div class="column-gallery">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/junction2018.webp">
|
||||
<source type="image/jpeg" srcset="img/junction2018.jpg">
|
||||
<img class="lazy" data-src="img/junction2018.jpg">
|
||||
<img data-src="img/junction2018.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/santi.webp">
|
||||
<source type="image/jpeg" srcset="img/santi.jpg">
|
||||
<img class="lazy" data-src="img/santi.jpg">
|
||||
<img data-src="img/santi.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/kids.webp">
|
||||
<source type="image/jpeg" srcset="img/kids.jpg">
|
||||
<img class="lazy" data-src="img/kids.jpg">
|
||||
<img data-src="img/kids.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/sec.webp">
|
||||
<source type="image/jpeg" srcset="img/sec.jpg">
|
||||
<img class="lazy" data-src="img/sec.jpg">
|
||||
<img data-src="img/sec.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/junction2018-1.webp">
|
||||
<source type="image/jpeg" srcset="img/junction2018-1.jpg">
|
||||
<img class="lazy" data-src="img/junction2018-1.jpg">
|
||||
<img data-src="img/junction2018-1.jpg">
|
||||
</picture>
|
||||
</div>
|
||||
|
||||
<div class="column-gallery">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/app.webp">
|
||||
<source type="image/jpeg" srcset="img/app.jpg">
|
||||
<img class="lazy" data-src="img/app.jpg">
|
||||
<img data-src="img/app.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/bitup.webp">
|
||||
<source type="image/jpeg" srcset="img/bitup.jpg">
|
||||
<img class="lazy" data-src="img/bitup.jpg">
|
||||
<img data-src="img/bitup.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/soldadura.webp">
|
||||
<source type="image/jpeg" srcset="img/soldadura.jpg">
|
||||
<img class="lazy" data-src="img/soldadura.jpg">
|
||||
<img data-src="img/soldadura.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/hacking.webp">
|
||||
<source type="image/jpeg" srcset="img/hacking.jpg">
|
||||
<img class="lazy" data-src="img/hacking.jpg">
|
||||
<img data-src="img/hacking.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/junction2019-1.webp">
|
||||
<source type="image/jpeg" srcset="img/junction2019-1.jpg">
|
||||
<img class="lazy" data-src="img/junction2019-1.jpg">
|
||||
<img data-src="img/junction2019-1.jpg">
|
||||
</picture>
|
||||
</div>
|
||||
|
||||
<div class="column-gallery">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/pepemod.webp">
|
||||
<source type="image/jpeg" srcset="img/pepemod.jpg">
|
||||
<img class="lazy" data-src="img/pepemod.jpg">
|
||||
<img data-src="img/pepemod.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/atresmedia.webp">
|
||||
<source type="image/jpeg" srcset="img/atresmedia.jpg">
|
||||
<img class="lazy" data-src="img/atresmedia.jpg">
|
||||
<img data-src="img/atresmedia.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/junction2019.webp">
|
||||
<source type="image/jpeg" srcset="img/junction2019.jpg">
|
||||
<img class="lazy" data-src="img/junction2019.jpg">
|
||||
<img data-src="img/junction2019.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/printer3d.webp">
|
||||
<source type="image/jpeg" srcset="img/printer3d.jpg">
|
||||
<img class="lazy" data-src="img/printer3d-1.jpg">
|
||||
<img data-src="img/printer3d-1.jpg">
|
||||
</picture>
|
||||
</div>
|
||||
|
||||
<div class="column-gallery">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/flp1.webp">
|
||||
<source type="image/jpeg" srcset="img/flp1.jpg">
|
||||
<img class="lazy" data-src="img/flp1.jpg">
|
||||
<img data-src="img/flp1.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/soldadura1.webp">
|
||||
<source type="image/jpeg" srcset="img/soldadura1.jpg">
|
||||
<img class="lazy" data-src="img/soldadura1.jpg">
|
||||
<img data-src="img/soldadura1.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/nn1.webp">
|
||||
<source type="image/jpeg" srcset="img/nn1.jpg">
|
||||
<img class="lazy" data-src="img/nn1.jpg">
|
||||
<img data-src="img/nn1.jpg">
|
||||
</picture>
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/fosc2.webp">
|
||||
<source type="image/jpeg" srcset="img/fosc2.jpg">
|
||||
<img class="lazy" data-src="img/fosc2-1.jpg">
|
||||
<img data-src="img/fosc2-1.jpg">
|
||||
</picture>
|
||||
</div>
|
||||
</div>
|
||||
@ -243,10 +243,10 @@
|
||||
<div class="tabla">
|
||||
<div class="column">
|
||||
<a href="https://cloud.fosc.space">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="icons/cloud-computing.webp">
|
||||
<source type="image/png" srcset="icons/cloud-computing.png">
|
||||
<img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">
|
||||
<img data-src="icons/cloud-computing.png" alt="Cloud">
|
||||
</picture>
|
||||
</a>
|
||||
<h4>Cloud</h4>
|
||||
@ -254,10 +254,10 @@
|
||||
|
||||
<div class="column">
|
||||
<a href="https://doc.fosc.space">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="icons/book.webp">
|
||||
<source type="image/png" srcset="icons/book.png">
|
||||
<img class="lazy" data-src="icons/book.png" alt="Wiki">
|
||||
<img data-src="icons/book.png" alt="Wiki">
|
||||
</picture>
|
||||
</a>
|
||||
<h4>Wiki</h4>
|
||||
@ -265,10 +265,10 @@
|
||||
|
||||
<div class="column">
|
||||
<a href="https://rss.fosc.space">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="icons/rss2.webp">
|
||||
<source type="image/png" srcset="icons/rss2.png">
|
||||
<img class="lazy" data-src="icons/rss2.png" alt="RSS">
|
||||
<img data-src="icons/rss2.png" alt="RSS">
|
||||
</picture>
|
||||
</a>
|
||||
<h4>RSS</h4>
|
||||
@ -278,10 +278,10 @@
|
||||
<div class="tabla tabla2">
|
||||
<div class="column">
|
||||
<a href="https://netdata.fosc.space">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="icons/chart.webp">
|
||||
<source type="image/png" srcset="icons/chart.png">
|
||||
<img class="lazy" data-src="icons/chart.png" alt="NetData">
|
||||
<img data-src="icons/chart.png" alt="NetData">
|
||||
</picture>
|
||||
</a>
|
||||
<h4>NetData</h4>
|
||||
@ -289,10 +289,10 @@
|
||||
|
||||
<div class="column">
|
||||
<a href="https://analytics.fosc.space">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="icons/analytics.webp">
|
||||
<source type="image/png" srcset="icons/analytics.png">
|
||||
<img class="lazy" data-src="icons/analytics.png" alt="Analytics">
|
||||
<img data-src="icons/analytics.png" alt="Analytics">
|
||||
</picture>
|
||||
</a>
|
||||
<h4>Analytics</h4>
|
||||
@ -300,10 +300,10 @@
|
||||
|
||||
<div class="column">
|
||||
<a href="https://git.fosc.space">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="icons/gitea.webp">
|
||||
<source type="image/png" srcset="icons/gitea.png">
|
||||
<img class="lazy" data-src="icons/gitea.png" alt="Gitea">
|
||||
<img data-src="icons/gitea.png" alt="Gitea">
|
||||
</picture>
|
||||
</a>
|
||||
<h4>Stolen Code</h4>
|
||||
@ -347,10 +347,10 @@
|
||||
<footer>
|
||||
<hr>
|
||||
<div class="foot-logo">
|
||||
<picture>
|
||||
<picture class="lazy">
|
||||
<source type="image/webp" srcset="img/Logo-invert.webp">
|
||||
<source type="image/png" srcset="img/Logo-invert.png">
|
||||
<img class="lazy" data-src="img/Logo-invert.png">
|
||||
<img data-src="img/Logo-invert.png">
|
||||
</picture>
|
||||
<a href="https://git.fosc.space/fosc/fosc.space">WEBSITE SOURCE CODE</a>
|
||||
<div class="author">
|
||||
|
Loading…
Reference in New Issue
Block a user