Frontend: Regenerate raster logos from SVGs

Signed-off-by: Fred Boniface <fred@fjla.uk>
This commit is contained in:
Fred Boniface 2023-01-26 14:39:19 +00:00
parent 85abe5c1b7
commit 197fcd6cca
10 changed files with 17 additions and 12 deletions

View File

@ -24,8 +24,9 @@
<picture>
<source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
<source srcset="/images/logo/logo-full-256.webp" type="image/webp">
<img class="titleimg" src="/images/logo/logo-full-256.png" alt="OwlBoard Logo">
<source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png">
<source srcset="/images/logo/logo-full-250.png" type="image/png">
<img class="titleimg" src="/images/logo/logo-full-250.png" alt="OwlBoard Logo">
</picture>
<h2>Code Lookup</h2>
<p>Enter one known code in the relevant box below and hit submit.

View File

@ -23,8 +23,9 @@
<picture>
<source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
<source srcset="/images/logo/logo-full-256.webp" type="image/webp">
<img class="titleimg" src="/images/logo/logo-full-256.png" alt="OwlBoard Logo">
<source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png">
<source srcset="/images/logo/logo-full-250.png" type="image/png">
<img class="titleimg" src="/images/logo/logo-full-250.png" alt="OwlBoard Logo">
</picture>
<h2>Help</h2>
<p>OwlBoard gives you quick and easy access to departure boards for

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -39,8 +39,9 @@
<!-- Main Content Begins -->
<picture>
<source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
<source srcset="/images/logo/logo-full-256.webp" type="image/webp">
<img class="titleimg" src="/images/logo/logo-full-256.png" alt="OwlBoard Logo">
<source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png">
<source srcset="/images/logo/logo-full-250.png" type="image/png">
<img class="titleimg" src="/images/logo/logo-full-250.png" alt="OwlBoard Logo">
</picture>
<br>
<form action="board.html">

View File

@ -18,8 +18,9 @@
</div>
<picture>
<source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
<source srcset="/images/logo/logo-full-256.webp" type="image/webp">
<img class="titleimg" src="/images/logo/logo-full-256.png" alt="OwlBoard Logo">
<source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png">
<source srcset="/images/logo/logo-full-250.png" type="image/png">
<img class="titleimg" src="/images/logo/logo-full-250.png" alt="OwlBoard Logo">
</picture>
<h2>Report an Issue</h2>
<p>This page's functionality is not yet implemented.</p>

View File

@ -38,8 +38,9 @@
<picture>
<source srcset="/images/logo/wide_logo.svg" type="image/svg+xml">
<source srcset="/images/logo/logo-full-256.webp" type="image/webp">
<img class="titleimg" src="/images/logo/logo-full-256.png" alt="OwlBoard Logo">
<source media="(max-height: 739px)" srcset="/images/logo/logo-full-200.png" type="image/png">
<source srcset="/images/logo/logo-full-250.png" type="image/png">
<img class="titleimg" src="/images/logo/logo-full-250.png" alt="OwlBoard Logo">
</picture>
<h2>Settings</h2>
<p>Any settings you apply will only apply to the device you are using now.</p>

View File

@ -111,10 +111,10 @@ body a:visited {color:var(--link-visited-color)}
padding-top: 20px;
padding-bottom: 20px;
width: 200px;
height: 171.5px;
height: 131px;
transition: 0.2s;
}
@media only screen and (min-height: 740px) {.titleimg{width: 250px;height:214.375px;}}
@media only screen and (min-height: 740px) {.titleimg{width: 250px;height: 164px;}}
.lookup-box {
text-align: center;