vlw/victorwesterlund.com
1
0
Fork 0
mirror of https://codeberg.org/vlw/victorwesterlund.com.git synced 2025-09-14 11:33:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added NetWatch icon to error page

Browse source 
Added NetWatch icon to error page.

Added fixed min-width to NetWatch logo header.
This commit is contained in:
Victor Westerlund 2020-12-21 09:43:51 +01:00
parent bac4097a75
commit f82f04241d
3 changed files with 25 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
public/netwatch/PAGE_NOT_FOUND.html
View file

@ -11,6 +11,7 @@
<div id="keystone"> <div id="keystone">
<header> <header>
<div id="keystoneLogo" class="center"> <div id="keystoneLogo" class="center">
<img src="assets/img/Keystone_icon_2077.svg"/>
<img src="/netwatch/assets/img/Keystone_Logo_2077.svg"/> <img src="/netwatch/assets/img/Keystone_Logo_2077.svg"/>
</div> </div>
<div id="searchbox" class="centerY"> <div id="searchbox" class="centerY">

14
public/netwatch/assets/css/style.css
View file

@ -7,7 +7,7 @@
:root { :root {
--color-frame: #18635F; --color-frame: #18635F;
--color-text: #d7fffa; --color-text: #d7fffa;
--color-text-distortion: #03554d; --color-text-distortion: #03554d40;
} }
::selection { ::selection {
@ -81,11 +81,17 @@ body {
#keystoneLogo { #keystoneLogo {
width: 400px; width: 400px;
min-width: 400px;
height: 100%; height: 100%;
background: #0a4845a4; background: #0a484541;
border-right: solid 2px var(--color-frame); border-right: solid 2px var(--color-frame);
} }
#keystoneLogo img:first-child {
height: 35px;
margin-right: 20px;
}
#keystoneLogo img { #keystoneLogo img {
height: 30px; height: 30px;
filter: drop-shadow(5px 3px 1px var(--color-text-distortion)); filter: drop-shadow(5px 3px 1px var(--color-text-distortion));
@ -195,7 +201,7 @@ main {
margin-bottom: 30px; margin-bottom: 30px;
} }
@media screen and (max-width: 1300px) { @media screen and (max-width: 1400px) {
#urlbox > p { #urlbox > p {
display: none; display: none;
} }
@ -205,7 +211,7 @@ main {
} }
} }
@media screen and (max-width: 820px) { @media screen and (max-width: 950px) {
#keystoneLogo { #keystoneLogo {
width: 100%; width: 100%;
} }

14
public/netwatch/assets/img/Keystone_icon_2077.svg Normal file
View file

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="30px" height="29px" viewBox="0 0 30 29" style="enable-background:new 0 0 30 29;" xml:space="preserve">
<style type="text/css">
.st0{opacity:0.1;fill:#B6FFF4;enable-background:new ;}
.st1{fill:#D7FFFA;}
</style>
<path class="st0" d="M26.5,0h-23C1.6,0,0,1.6,0,3.5v22C0,27.4,1.6,29,3.5,29h23c1.9,0,3.5-1.6,3.5-3.5c0,0,0,0,0,0v-22
C30,1.6,28.4,0,26.5,0z M18.7,13.5l-4.6,3.2l4.6,3.1V24l-10-7.4l10-7.3V13.5z"/>
<path class="st1" d="M24.5,10.6l-7.8-7.4c-0.9-0.9-2.4-0.8-3.3,0l-8,8c-0.4,0.5-0.7,1.1-0.7,1.7l0.1,10.2c0,1.3,1.1,2.4,2.4,2.4
h15.7c1.3,0,2.4-1.1,2.4-2.4c0,0,0,0,0,0V12.4C25.2,11.7,25,11.1,24.5,10.6z M18.7,13.5l-4.6,3.2l4.6,3.1V24l-10-7.4l10-7.3V13.5z"
/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 944 B