Add smaller error page images

This commit is contained in:
Fred Boniface 2022-10-13 21:27:19 +01:00
parent 871be3a9af
commit e9b56f7ffd
9 changed files with 12 additions and 3 deletions

View File

@ -10,6 +10,9 @@
<h1 class="page-title">Access Denied</h1> <h1 class="page-title">Access Denied</h1>
<div class="title-image"> <div class="title-image">
<picture> <picture>
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.jxl" type="image/jxl">
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.webp" type="image/webp">
<source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.png" type="image/png">
<source srcset="/images/error-pages/denied.jxl" type="image/jxl"> <source srcset="/images/error-pages/denied.jxl" type="image/jxl">
<source srcset="/images/error-pages/denied.webp" type="image/webp"> <source srcset="/images/error-pages/denied.webp" type="image/webp">
<img src="/images/error-pages/denied.png" alt="Denied"> <img src="/images/error-pages/denied.png" alt="Denied">

View File

@ -10,6 +10,9 @@
<h1 class="page-title">Not Found</h1> <h1 class="page-title">Not Found</h1>
<div class="title-image"> <div class="title-image">
<picture> <picture>
<source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.jxl" type="image/jxl">
<source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.webp" type="image/webp">
<source media="(max-width: 1000px)" srcset="/images/error-pages/not-found_200.png" type="image/png">
<source srcset="/images/error-pages/not-found.jxl" type="image/jxl"> <source srcset="/images/error-pages/not-found.jxl" type="image/jxl">
<source srcset="/images/error-pages/not-found.webp" type="image/webp"> <source srcset="/images/error-pages/not-found.webp" type="image/webp">
<img src="/images/error-pages/not-found.png" alt="Not Found"> <img src="/images/error-pages/not-found.png" alt="Not Found">

View File

@ -13,9 +13,12 @@
<h1 class="page-title">Server Error</h1> <h1 class="page-title">Server Error</h1>
<div class="title-image"> <div class="title-image">
<picture> <picture>
<source srcset="/images/error-pages/denied.jxl"> <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.jxl" type="image/jxl">
<source srcset="/images/error-pages/denied.webp"> <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.webp" type="image/webp">
<img src="/images/error-pages/denied.png" alt="Server Error"> <source media="(max-width: 1000px)" srcset="/images/error-pages/denied_200.png" type="image/png">
<source srcset="/images/error-pages/denied.jxl" type="image/jxl">
<source srcset="/images/error-pages/denied.webp" type="image/webp">
<img src="/images/error-pages/denied.png" alt="Denied">
</picture> </picture>
</div> </div>
<div class="page-main-content"> <div class="page-main-content">

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB