add 404 page and add menu links

This commit is contained in:
Thefeli73 2020-04-25 15:50:42 +02:00
parent e447c5cdd1
commit 535fbd77c5
2 changed files with 90 additions and 3 deletions

View File

@ -0,0 +1,86 @@
<!doctype html>
<html lang="sv-SE">
<head>
<meta charset="utf-8">
<title>Page not found</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta http-equiv="content-language" content="sv-SE">
<meta name="author" content="Felix Schulze">
<meta HTTP-EQUIV="CACHE-CONTROL" CONTENT="public">
<link rel="canonical" href="https://schulze.studio/404.html">
<meta name="title" content="404 Not found">
<link rel="stylesheet" async href="/css/main.css">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<!--
XXXXXXX
FAVICON
XXXXXXX
-->
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/img/favicon/site.webmanifest">
<link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/img/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<nav id="nav">
<div id="menu" style="display: none;">
<span></span>
<div id="blocker"></div>
<ul>
<li data-text="Home"><a href="/">Home</a></li>
<li data-text="Websites"><a href="/websites">Websites</a></li>
<li data-text="Projects"><a href="/projects">Projects</a></li>
<li data-text="Contact"><a href="/contact">Contact</a></li>
</ul>
</div>
<div id="wrapper">
<div id="menuToggle">
<span class="bar bar1"></span>
<span class="bar bar2"></span>
<span class="bar bar1"></span>
</div>
<a href="/">
<picture id="icon">
<source srcset="/img/logo/logo@0.01x.webp" type="image/webp">
<source srcset="/img/logo/logo@0.01x.png" type="image/png">
<img src="/img/logo/logo@0.01x.png" alt="Logo">
</picture>
</a>
</div>
</nav>
<header id="header">
<div id="logo-container">
<h1>
<span style="color:#e3201b;">E</span><span style="color:#e2231b;">r</span><span style="color:#e1261a;">r</span><span style="color:#e0291a;">o</span><span style="color:#df2d19;">r</span><span style="color:#dd3019;"> </span><span style="color:#dc3318;">4</span><span style="color:#db3618;">0</span><span style="color:#da3917;">4</span>
</h1><br>
<h1>
<span style="color:#f79923;">N</span><span style="color:#f89d23;">o</span><span style="color:#f9a123;">t</span><span style="color:#faa523;"> </span><span style="color:#fbaa24;">f</span><span style="color:#fcae24;">o</span><span style="color:#fdb224;">u</span><span style="color:#feb624;">n</span><span style="color:#ffba24;">d</span>
</h1>
</div>
</header>
<script defer src="/js/jquery-3.4.1.js"></script>
<script defer src="/js/main.js"></script>
</body>
</html>

View File

@ -52,9 +52,9 @@
<div id="blocker"></div>
<ul>
<li data-text="Home"><a href="/">Home</a></li>
<li data-text="Websites"><a href="#">Websites</a></li>
<li data-text="Projects"><a href="#">Projects</a></li>
<li data-text="Contact"><a href="#">Contact</a></li>
<li data-text="Websites"><a href="/websites">Websites</a></li>
<li data-text="Projects"><a href="/projects">Projects</a></li>
<li data-text="Contact"><a href="/contact">Contact</a></li>
</ul>
</div>
@ -131,6 +131,7 @@
</div>
</a>
</section>
</div>
<footer id="footer">
</footer>