fred.boniface
/
OwlBoard
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

Optimise image loading 

Signed-off-by: Fred Boniface <fred@fjla.uk>
This commit is contained in:
Fred Boniface 2023-01-17 00:57:53 +00:00
parent 400953548f
commit f77d262808
2 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/find-code.html
View File

@ -21,13 +21,11 @@
<button aria-label="Back" class="sidebar_control" onclick="history.back()">&#8678;</button> <button aria-label="Back" class="sidebar_control" onclick="history.back()">&#8678;</button>
</div> </div>
<picture> <picture>
<source media="(min-width:800px)" secset="./images/logo/logo-full-715.webp" type="image/webp"> <source media="(max-width:450px)" srcset="/images/logo/logo-full-256.webp" type="image/webp">
<source media="(min-width:800px)" srcset="./images/logo/logo-full-715.png" type="image/png"> <source media="(max-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
<source media="(min-width:700px)" srcset="./images/logo/logo-full-512.webp" type="image/webp"> <source srcset="/images/logo/logo-full-512.webp" type="image/webp">
<source media="(min-width:700px)" srcset="./images/logo/logo-full-512.png" type="image/png"> <source srcset="/images/logo/logo-full-512.png" type="image/png">
<source media="(min-width:450px)" srcset="./images/logo/logo-full-256.webp" type="image/png">
<source media="(min-width:450px)" srcset="./images/logo/logo-full-256.png" type="image/png">
<img class="titleimg" src="./images/logo/logo-full-512.png" alt="OwlBoard Logo"> <img class="titleimg" src="./images/logo/logo-full-512.png" alt="OwlBoard Logo">
</picture> </picture>
<h2>Code Lookup</h2> <h2>Code Lookup</h2>

12
static/index.html
View File

@ -31,12 +31,12 @@
<!-- Main Content Begins --> <!-- Main Content Begins -->
<picture> <picture>
<source media="(min-width:800px)" secset="/images/logo/logo-full-715.webp" type="image/webp"> <source media="(max-width:450px)" srcset="/images/logo/logo-full-256.webp" type="image/webp">
<source media="(min-width:800px)" srcset="/images/logo/logo-full-715.png" type="image/png"> <source media="(max-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png">
<source media="(min-width:700px)" srcset="/images/logo/logo-full-512.webp" type="image/webp"> <source media="(max-width:700px)" srcset="/images/logo/logo-full-512.webp" type="image/webp">
<source media="(min-width:700px)" srcset="/images/logo/logo-full-512.png" type="image/png"> <source media="(max-width:700px)" srcset="/images/logo/logo-full-512.png" type="image/png">
<source media="(min-width:450px)" srcset="/images/logo/logo-full-256.webp" type="image/webp"> <source srcset="/images/logo/logo-full-715.webp" type="image/webp">
<source media="(min-width:450px)" srcset="/images/logo/logo-full-256.png" type="image/png"> <source srcset="/images/logo/logo-full-715.png" type="image/png">
<img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoard Logo"> <img class="titleimg" src="/images/logo/logo-full-512.png" alt="OwlBoard Logo">
</picture> </picture>
<br> <br>