mirror of
https://codeberg.org/vlw/victorwesterlund.com.git
synced 2025-09-13 19:13:42 +02:00
Added Cyberpunk 2077 inspired 404-page
This commit is contained in:
parent
870920f83f
commit
de4fbcfdaf
10 changed files with 287 additions and 72 deletions
41
public/netwatch/PAGE_NOT_FOUND.html
Normal file
41
public/netwatch/PAGE_NOT_FOUND.html
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="theme-color" content="#091008">
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<title>NETDIR://PAGE_NOT_FOUND</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="keystone">
|
||||
<header>
|
||||
<div id="keystoneLogo" class="center">
|
||||
<img src="assets/img/Keystone_Logo_2077.svg"/>
|
||||
</div>
|
||||
<div id="searchbox" class="centerY">
|
||||
<div id="urlbox" class="centerY">
|
||||
<p>NETDIR://PAGE_NOT_FOUND</p>
|
||||
<div id="poweredby" class="centerY">
|
||||
<p>POWERED BY</p>
|
||||
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 96.75"><path d="M.05,64.48c27.15-.35,54.42,0,81.57-.12,8.78-.11,17.91,1.43,25,6.88,4.62,3.91,7.82,9.37,7.94,15.53v73.87c-11,.11-22-.12-33.08.11V86.42c-16.24,0-32.36-.12-48.61.12q.18,37.15,0,74.33c-10.9-.12-21.93-.12-32.84,0C.05,128.62-.07,96.38.05,64.48Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M128.45,64.48c34.27-.12,68.65-.12,102.92,0-.24,7.23.11,14.59-.12,21.82-23.24-.12-46.6-.24-69.84,0,.12,17.43,0,34.85.12,52.28h69.95c-.11,7.35-.11,14.59,0,21.94-34.26.12-68.64-.12-102.91.12C128.34,128.62,128.34,96.49,128.45,64.48Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M245,64.48c34.62-.23,69.12,0,103.74-.12,2.61,7.35,5.46,14.59,8.18,21.82-13.51.12-27.15-.12-40.66.12.11,24.78,0,49.56,0,74.34-13.88-.12-27.87-.12-41.74,0,0-24.78.12-49.56,0-74.46-9.72.12-19.56-.12-29.28.12C244.88,79,245.12,71.71,245,64.48Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M366.17,64.36c11.38,0,22.76-.23,34.15,0,9,24.66,18.14,49.44,27.15,74.1h56.79q13.51-37.16,27.27-74.33c11.38.12,22.76,0,34.14.12-10.79,28.09-21.22,56.43-31.89,84.65a18.18,18.18,0,0,1-17.07,11.5H414.9a18.23,18.23,0,0,1-17-11.86C387.16,120.68,376.6,92.46,366.17,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M562.86,64.36c21.94-.11,43.87.12,65.81-.11,2.72,7.35,5.57,14.58,8.18,21.93-16.25-.12-32.49,0-48.85,0-9.13,24.78-18.14,49.56-27.27,74.34-11.38,0-22.65-.12-34,.12C538.8,128.51,551,96.49,562.86,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M646.09,64.36c37.35.12,74.7-.11,112,.12V86.42c-9.84-.12-19.68-.12-29.4,0,.12,24.78,0,49.56,0,74.33-13.87-.11-27.86,0-41.73,0V86.42H654.39C651.67,78.83,648.82,71.6,646.09,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M801.29,64.36h70.43V86.18c-23.12-.12-46.24-.12-69.48,0v52.4h69.48v22.06c-23.48-.12-47,0-70.43,0-7.59-.24-15.53-1.31-21.93-5.46a20.62,20.62,0,0,1-10-17.19V86.89a20.37,20.37,0,0,1,8.65-16.12C784.69,65.79,793.23,64.25,801.29,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M885.71,64.36c10.9-.11,21.81,0,32.72-.11,0,12.92.12,25.84,0,38.88,16.12.12,32.37-.11,48.49.12.12-12.92.12-26,0-39,11,.11,22.05,0,33.08,0-.12,32,0,64.14-.12,96.27-11,0-21.93-.12-33,0,0-12.45.24-24.9-.12-37.35-16.12.24-32.25.12-48.37.12v37.35c-10.91-.12-21.82-.12-32.84,0C885.71,128.62,885.47,96.38,885.71,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M437,73.49c12.57.12,25.26-.12,37.82.12q-.18,23.3,0,46.6c-12.56.12-25.25,0-37.82.12C436.83,104.67,436.83,89.14,437,73.49Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M167.34,101.47c14.23-.11,28.46,0,42.57,0,0,7.35.12,14.59,0,21.94H167.22C167.34,116.06,167.22,108.71,167.34,101.47Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M614.79,116.89h33.79c5.22,14.58,11,29,16.25,43.63H630.56C625.7,145.82,620,131.47,614.79,116.89Z" transform="translate(0 -64.13)"/></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<div id="banner" class="centerY">
|
||||
<img src="assets/img/no_entry_icon_2077.svg"/>
|
||||
<h1>PAGE NOT FOUND</h1>
|
||||
</div>
|
||||
<div id="content" class="center">
|
||||
<div class="center">
|
||||
<img src="assets/img/NetWatch_badge_2077.png"/>
|
||||
<h2>THIS PAGE CANNOT BE DISPLAYED. FOR HELP, PLEASE CONTACT NETWATCH</h2>
|
||||
<p>REMEMBER: Never access private domains with the extension .web. Surf ONLY domains with approved URL extensions (e.g. CORP, PUB, LAW). DO NOT upload daemons on public-access computers. If you encounter a rouge AI, contact a NetWatch officer IMMEDIATELY and follow their instructions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
233
public/netwatch/assets/css/style.css
Normal file
233
public/netwatch/assets/css/style.css
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
@font-face {
|
||||
font-family: "NetWatch";
|
||||
src: url("../fonts/netwatch-normal.woff2");
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
:root {
|
||||
--color-frame: #18635F;
|
||||
--color-text: #d7fffa;
|
||||
--color-text-distortion: #03554d;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: var(--color-frame);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
font-family: "NetWatch",sans-serif;
|
||||
background: black;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-filter: saturate(2);
|
||||
filter: saturate(2);
|
||||
}
|
||||
|
||||
/* ---- */
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.centerX {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.centerY {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* ---- */
|
||||
|
||||
#keystone {
|
||||
--header-height: 80px;
|
||||
--header-content-offset: var(--header-height);
|
||||
|
||||
width: calc(100% - 50px);
|
||||
height: calc(100% - 50px);
|
||||
border: solid 2px var(--color-frame);
|
||||
}
|
||||
|
||||
#keystone header {
|
||||
--gadient-dark: #052c2a;
|
||||
--gradient-light: #072e29;
|
||||
|
||||
position: relative;
|
||||
top: 2px;
|
||||
height: 80px;
|
||||
background: #033A35;
|
||||
background: repeating-linear-gradient(0,var(--gadient-dark),var(--gadient-dark) 5px,var(--gradient-light) 5px,var(--gradient-light) 10px);
|
||||
border-top: solid 2px var(--color-frame);
|
||||
border-bottom: solid 2px var(--color-frame);
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#keystoneLogo {
|
||||
width: 400px;
|
||||
height: 100%;
|
||||
background: #0a4845a4;
|
||||
border-right: solid 2px var(--color-frame);
|
||||
}
|
||||
|
||||
#keystoneLogo img {
|
||||
height: 30px;
|
||||
filter: drop-shadow(5px 3px 1px var(--color-text-distortion));
|
||||
}
|
||||
|
||||
/* ---- */
|
||||
|
||||
#searchbox {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#urlbox {
|
||||
position: absolute;
|
||||
right: var(--header-content-offset);
|
||||
width: calc(100% - 200px);
|
||||
height: calc(var(--header-content-offset) / 2);
|
||||
background: #0A4845CC;
|
||||
}
|
||||
|
||||
#urlbox > p {
|
||||
font-size: 30px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
#poweredby {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
right: var(--header-content-offset);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#poweredby p {
|
||||
opacity: .3;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#poweredby svg {
|
||||
height: 10px;
|
||||
margin-left: 10px;
|
||||
fill: var(--color-text);
|
||||
}
|
||||
|
||||
/* ---- */
|
||||
|
||||
main {
|
||||
--color-glow: #d5ffea94;
|
||||
|
||||
width: 100%;
|
||||
height: calc(100% - var(--header-height) - 4px);
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#banner {
|
||||
position: relative;
|
||||
margin-top: 50px;
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
padding-left: 15px;
|
||||
height: var(--header-height);
|
||||
background: #f4fefc;
|
||||
box-shadow: 0 0 20px 17px #36c2b126;
|
||||
}
|
||||
|
||||
#banner img {
|
||||
height: 100%;
|
||||
margin-right: 15px;
|
||||
filter: drop-shadow(0px 0px 17px var(--color-glow));
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#banner h1 {
|
||||
color: #002823;
|
||||
font-size: 55px;
|
||||
font-weight: 300;
|
||||
word-spacing: 5px;
|
||||
text-shadow: 0 0 17px var(--color-glow);
|
||||
}
|
||||
|
||||
/* ---- */
|
||||
|
||||
#content {
|
||||
height: calc(100% - var(--header-height) - 50px);
|
||||
}
|
||||
|
||||
#content > div {
|
||||
flex-wrap: wrap;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#content img {
|
||||
filter: drop-shadow(0px 0px 17px #91eabe36);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#content h2,
|
||||
#content p {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
text-shadow: 0 0 17px var(--color-glow);
|
||||
}
|
||||
|
||||
#content h2 {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1300px) {
|
||||
#urlbox > p {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#banner {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 820px) {
|
||||
#keystoneLogo {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#searchbox {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#banner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#content > div {
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 750px) {
|
||||
#banner {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#content {
|
||||
height: calc(100% - var(--header-height));
|
||||
}
|
||||
}
|
||||
BIN
public/netwatch/assets/fonts/netwatch-bold.woff2
Normal file
BIN
public/netwatch/assets/fonts/netwatch-bold.woff2
Normal file
Binary file not shown.
BIN
public/netwatch/assets/fonts/netwatch-normal.woff2
Normal file
BIN
public/netwatch/assets/fonts/netwatch-normal.woff2
Normal file
Binary file not shown.
1
public/netwatch/assets/img/Keystone_Logo_2077.svg
Normal file
1
public/netwatch/assets/img/Keystone_Logo_2077.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 284.81 37.73"><defs><style>.cls-1{fill:#cdfffa;stroke:#cdfffa;stroke-miterlimit:10;stroke-width:2px;}</style></defs><path class="cls-1" d="M118.5,260H123a.5.5,0,0,0,.5-.5V246.08a.5.5,0,0,1,.5-.5h2.83a.51.51,0,0,1,.4.2l10.62,14a.48.48,0,0,0,.4.2h7.83a.5.5,0,0,0,.38-.83L133.67,244.3a.5.5,0,0,1,0-.62L146.59,226a.5.5,0,0,0-.41-.79h-6.93a.48.48,0,0,0-.4.2l-10.7,14.43a.48.48,0,0,1-.4.2H124.5a.5.5,0,0,1-.5-.5V225.67a.5.5,0,0,0-.5-.5h-5a.5.5,0,0,0-.5.5V259.5A.5.5,0,0,0,118.5,260Z" transform="translate(-117 -223.69)"/><rect class="cls-1" x="37.5" y="1.48" width="26.92" height="4.83"/><rect class="cls-1" x="37.54" y="15.6" width="26.92" height="4.83" rx="0.5"/><rect class="cls-1" x="37.54" y="31.6" width="26.92" height="4.83" rx="0.5"/><path class="cls-1" d="M188.73,226l12.16,14.9a.52.52,0,0,1,.11.32V259.5a.5.5,0,0,0,.5.5h5.25a.5.5,0,0,0,.5-.5V241.17a.51.51,0,0,1,.11-.31l12-15.05A.5.5,0,0,0,219,225h-5.7a.51.51,0,0,0-.41.21l-6.7,9.58a.51.51,0,0,1-.41.21h-2.49a.48.48,0,0,1-.4-.2l-7.28-9.6a.5.5,0,0,0-.41-.19l-6,.13A.5.5,0,0,0,188.73,226Z" transform="translate(-117 -223.69)"/><path class="cls-1" d="M255.5,226v5a.5.5,0,0,1-.5.5H234a.5.5,0,0,0-.5.5v8a.5.5,0,0,0,.5.5h22.75a.5.5,0,0,1,.5.5v18.92a.5.5,0,0,1-.5.5H229.5a.5.5,0,0,1-.5-.5v-5.09a.5.5,0,0,1,.5-.5h22a.5.5,0,0,0,.5-.5V247a.5.5,0,0,0-.5-.5H229a.5.5,0,0,1-.5-.5V226a.5.5,0,0,1,.5-.5h26A.5.5,0,0,1,255.5,226Z" transform="translate(-117 -223.69)"/><path class="cls-1" d="M264.92,226v4.08a.5.5,0,0,0,.5.5H276.5a.5.5,0,0,1,.5.5v28.84a.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5V231a.5.5,0,0,1,.5-.5h11a.5.5,0,0,0,.5-.5v-4a.5.5,0,0,0-.5-.5H265.42A.5.5,0,0,0,264.92,226Z" transform="translate(-117 -223.69)"/><path class="cls-1" d="M300.33,225.5v34a.5.5,0,0,0,.5.5h28a.5.5,0,0,0,.5-.5v-34a.5.5,0,0,0-.5-.5h-28A.5.5,0,0,0,300.33,225.5Zm22.17,28h-16a.5.5,0,0,1-.5-.5V231.5a.5.5,0,0,1,.5-.5h16a.5.5,0,0,1,.5.5V253A.5.5,0,0,1,322.5,253.5Z" transform="translate(-117 -223.69)"/><path class="cls-1" d="M337.08,260h6.09a.5.5,0,0,0,.5-.5v-28a.5.5,0,0,1,.5-.5h15a.5.5,0,0,1,.5.5v28a.5.5,0,0,0,.5.5h6.16a.5.5,0,0,0,.5-.5v-34a.5.5,0,0,0-.5-.5H337.08a.5.5,0,0,0-.5.5v34A.5.5,0,0,0,337.08,260Z" transform="translate(-117 -223.69)"/><rect class="cls-1" x="256.85" y="1" width="26.92" height="4.83"/><rect class="cls-1" x="256.9" y="15.12" width="26.92" height="4.83" rx="0.5"/><rect class="cls-1" x="256.9" y="31.12" width="26.92" height="4.83" rx="0.5"/></svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
1
public/netwatch/assets/img/NetWatch_Logo_2077.svg
Normal file
1
public/netwatch/assets/img/NetWatch_Logo_2077.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 96.75"><defs><style>.cls-1{fill:#fff;}</style></defs><path class="cls-1" d="M.05,64.48c27.15-.35,54.42,0,81.57-.12,8.78-.11,17.91,1.43,25,6.88,4.62,3.91,7.82,9.37,7.94,15.53v73.87c-11,.11-22-.12-33.08.11V86.42c-16.24,0-32.36-.12-48.61.12q.18,37.15,0,74.33c-10.9-.12-21.93-.12-32.84,0C.05,128.62-.07,96.38.05,64.48Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M128.45,64.48c34.27-.12,68.65-.12,102.92,0-.24,7.23.11,14.59-.12,21.82-23.24-.12-46.6-.24-69.84,0,.12,17.43,0,34.85.12,52.28h69.95c-.11,7.35-.11,14.59,0,21.94-34.26.12-68.64-.12-102.91.12C128.34,128.62,128.34,96.49,128.45,64.48Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M245,64.48c34.62-.23,69.12,0,103.74-.12,2.61,7.35,5.46,14.59,8.18,21.82-13.51.12-27.15-.12-40.66.12.11,24.78,0,49.56,0,74.34-13.88-.12-27.87-.12-41.74,0,0-24.78.12-49.56,0-74.46-9.72.12-19.56-.12-29.28.12C244.88,79,245.12,71.71,245,64.48Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M366.17,64.36c11.38,0,22.76-.23,34.15,0,9,24.66,18.14,49.44,27.15,74.1h56.79q13.51-37.16,27.27-74.33c11.38.12,22.76,0,34.14.12-10.79,28.09-21.22,56.43-31.89,84.65a18.18,18.18,0,0,1-17.07,11.5H414.9a18.23,18.23,0,0,1-17-11.86C387.16,120.68,376.6,92.46,366.17,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M562.86,64.36c21.94-.11,43.87.12,65.81-.11,2.72,7.35,5.57,14.58,8.18,21.93-16.25-.12-32.49,0-48.85,0-9.13,24.78-18.14,49.56-27.27,74.34-11.38,0-22.65-.12-34,.12C538.8,128.51,551,96.49,562.86,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M646.09,64.36c37.35.12,74.7-.11,112,.12V86.42c-9.84-.12-19.68-.12-29.4,0,.12,24.78,0,49.56,0,74.33-13.87-.11-27.86,0-41.73,0V86.42H654.39C651.67,78.83,648.82,71.6,646.09,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M801.29,64.36h70.43V86.18c-23.12-.12-46.24-.12-69.48,0v52.4h69.48v22.06c-23.48-.12-47,0-70.43,0-7.59-.24-15.53-1.31-21.93-5.46a20.62,20.62,0,0,1-10-17.19V86.89a20.37,20.37,0,0,1,8.65-16.12C784.69,65.79,793.23,64.25,801.29,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M885.71,64.36c10.9-.11,21.81,0,32.72-.11,0,12.92.12,25.84,0,38.88,16.12.12,32.37-.11,48.49.12.12-12.92.12-26,0-39,11,.11,22.05,0,33.08,0-.12,32,0,64.14-.12,96.27-11,0-21.93-.12-33,0,0-12.45.24-24.9-.12-37.35-16.12.24-32.25.12-48.37.12v37.35c-10.91-.12-21.82-.12-32.84,0C885.71,128.62,885.47,96.38,885.71,64.36Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M437,73.49c12.57.12,25.26-.12,37.82.12q-.18,23.3,0,46.6c-12.56.12-25.25,0-37.82.12C436.83,104.67,436.83,89.14,437,73.49Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M167.34,101.47c14.23-.11,28.46,0,42.57,0,0,7.35.12,14.59,0,21.94H167.22C167.34,116.06,167.22,108.71,167.34,101.47Z" transform="translate(0 -64.13)"/><path class="cls-1" d="M614.79,116.89h33.79c5.22,14.58,11,29,16.25,43.63H630.56C625.7,145.82,620,131.47,614.79,116.89Z" transform="translate(0 -64.13)"/></svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
BIN
public/netwatch/assets/img/NetWatch_badge_2077.png
Normal file
BIN
public/netwatch/assets/img/NetWatch_badge_2077.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
10
public/netwatch/assets/img/no_entry_icon_2077.svg
Normal file
10
public/netwatch/assets/img/no_entry_icon_2077.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<?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="48px" height="48px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#002823;stroke-width:5;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<circle class="st0" cx="24" cy="24" r="21.5"/>
|
||||
<line class="st0" x1="9" y1="39" x2="39" y2="9"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 578 B |
|
|
@ -1,71 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Full-stack web developer from Stockholm, Sweden.">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<link href="/assets/img/favicon.png" rel="icon">
|
||||
<link href="/assets/css/style.css" rel="stylesheet">
|
||||
<title>Page Not Found - Victor Westerlund</title>
|
||||
<style>
|
||||
#content {
|
||||
box-sizing: border-box;
|
||||
padding: 10vh;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 8vh;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 4vh;
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
height: 50vh;
|
||||
bottom: 0px;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
pointer-events: none;
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
|
||||
.logo {
|
||||
--size: 15vw;
|
||||
margin-bottom: 10vw;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 10vw;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 10vw;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 5vw;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<a href="https://victorwesterlund.com"><div class="logo"></div></a>
|
||||
<h1>404 Not Found</h1>
|
||||
<h2>idk..</h2>
|
||||
</div>
|
||||
<picture>
|
||||
<source srcset="/assets/img/where.webp" type="image/webp">
|
||||
<source srcset="/assets/img/where.gif" type="image/gif">
|
||||
<img srcset="/assets/img/where.png" type="image/png"/>
|
||||
</picture>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -19,7 +19,7 @@ server {
|
|||
include snippets/ssl.conf;
|
||||
|
||||
root /var/www/github_victorwesterlund_victorwesterlund.com/public;
|
||||
error_page 404 403 /not_found.html;
|
||||
error_page 404 403 /netwatch/PAGE_NOT_FOUND.html;
|
||||
|
||||
location \ {
|
||||
try_files $uri $uri.html $uri/ =404;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue