Skip to content

Commit 89c7e6a

Browse files
alizardguyalizardguy
committed
deploy: f524222 
1 parent 0bc6594 commit 89c7e6a

File tree

12 files changed

+411
-279
lines changed

12 files changed

+411
-279
lines changed

‎404.html‎

Lines changed: 30 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,42 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
8-
<link rel="stylesheet" href="/assets/css/header.css">
9-
<link rel="stylesheet" href="/assets/css/base.css">
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, inital-scale=1.0">
6+
<title>Oops!</title>
7+
<meta name="description" content="Error 404: Page Not Found">
8+
<meta name="author" content="alizardguy">
9+
<link rel="stylesheet" href="/css/navbar.css">
10+
<link rel="stylesheet" href="/css/dividers.css">
11+
<link rel="stylesheet" href="/css/base.css">
1012
</head>
11-
1213
<body>
13-
14-
<header class="site-header">
15-
<nav class="site-header-frame">
16-
<a href="/index.html" class="logo">alizardguy</a>
17-
18-
<input type="checkbox" id="menu-toggle" class="menu-toggle" aria-controls="main-navigation" aria-expanded="false">
19-
20-
<label for="menu-toggle">
21-
<a class="menu-toggle-button">🦎</a>
22-
</label>
23-
24-
<ul id="main-navigation" class="nav-menu">
25-
<li>
26-
<a href="" class="nav-link">Home</a>
27-
</li>
28-
29-
<li>
30-
<a href="" class="nav-link">Blog</a>
31-
</li>
32-
33-
<li class="dropdown">
34-
<a href="" class="dropdown-link">
35-
Socials
36-
</a>
37-
38-
<ul class="dropdown-menu">
39-
<li><a href="">YouTube</a></li>
40-
<li><a href="">Github</a></li>
41-
</ul>
42-
</li>
43-
</ul>
14+
<header class="header">
15+
<a href="/index" class="logo">alizardguy</a>
16+
<nav>
17+
<ul>
18+
<li><a href="/index">Home</a></li>
19+
<li><a href="/socials">Socials</a></li>
20+
<li><a href="https://blog.alizardguy.com/">Blog</a></li>
21+
</ul>
4422
</nav>
23+
<div class="hamburger">
24+
<button class="hamburger-button" onclick="toggleMobileMenu()">☰</button>
25+
<ul id="mobile-menu" class="mobile-menu">
26+
<li><a href="/index">Home</a></li>
27+
<li><a href="/socials">Socials</a></li>
28+
<li><a href="https://blog.alizardguy.com/">Blog</a></li>
29+
</ul>
30+
</div>
31+
<script>
32+
function toggleMobileMenu() {
33+
document.getElementById("mobile-menu").classList.toggle('open');
34+
}
35+
</script>
4536
</header>
46-
<main>
47-
<main style="text-align: center; padding-top: 50px;">
37+
<main style="text-align: center; padding-top: 50px;">
4838
<h1>Error 404</h1>
4939
<p>Page not found</p>
5040
</main>
51-
</main>
5241
</body>
5342
</html>

‎assets/css/base.css‎

Lines changed: 0 additions & 10 deletions
This file was deleted.

‎assets/css/header.css‎

Lines changed: 0 additions & 189 deletions
This file was deleted.

‎css/base.css‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
*{
2+
--text: #a6adbb;
3+
--background: #1b1b1e;
4+
--primary: #bca3d4;
5+
--secondary: #407336;
6+
--accent: #5eb4ac;
7+
margin: 0;
8+
padding: 0;
9+
box-sizing: border-box;
10+
}
11+
12+
body{
13+
color: var(--text);
14+
background-color: var(--background);
15+
font-size: 1.25rem;
16+
}
17+
18+
a.button {
19+
background-color: #04AA6D; /* Green */
20+
border: none;
21+
color: white;
22+
padding: 15px 32px;
23+
text-align: center;
24+
text-decoration: none;
25+
display: inline-block;
26+
font-size: 16px;
27+
}
28+

‎css/dividers.css‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
/* Dashed border */
2+
hr.dashed {
3+
border-top: 3px dashed #bbb;
4+
}
5+
6+
/* Dotted border */
7+
hr.dotted {
8+
border-top: 3px dotted #bbb;
9+
}
10+
11+
/* Solid border */
12+
hr.solid {
13+
border-top: 3px solid #bbb;
14+
}
15+
16+
/* Rounded border */
17+
hr.thinrounded {
18+
border-top: 2px solid #bbb;
19+
border-radius: 5px;
20+
}

‎css/home.css‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
.intro-text
2+
{
3+
font-size: 6rem;
4+
font-weight: 800;
5+
padding-bottom: 10px;
6+
}
7+
8+
.intro-block
9+
{
10+
padding-top: 30px;
11+
text-align: center;
12+
}
13+
14+
.infosubline
15+
{
16+
font-size: 1.25rem;
17+
line-height: 1.75rem;
18+
text-decoration: underline;
19+
}
20+
21+
.infoblock
22+
{
23+
padding-top: 35px;
24+
text-align: center;
25+
align-self: center;
26+
}
27+
28+
main
29+
{
30+
text-align: center;
31+
padding-left: 1rem;
32+
padding-right: 1rem;
33+
margin-bottom: 1rem;
34+
margin-top: 0.5rem;
35+
word-wrap: break-word;
36+
}
37+
38+
a
39+
{
40+
color: whitesmoke;
41+
text-decoration-color: green;
42+
}

0 commit comments

Comments
 (0)