favicon and small fix
@@ -1,13 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>403 Forbidden...</title>
|
||||
<link rel="stylesheet" href="/_errors/errors.css" />
|
||||
</head>
|
||||
<body>
|
||||
<img src="/_errors/img/403.png" />
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,13 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>404 Not found...</title>
|
||||
<link rel="stylesheet" href="/_errors/errors.css" />
|
||||
</head>
|
||||
<body>
|
||||
<img src="/_errors/img/404.png" alt="" />
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,13 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>500 Internal Server Error...</title>
|
||||
<link rel="stylesheet" href="/_errors/errors.css" />
|
||||
</head>
|
||||
<body>
|
||||
<img src="./_errors/img/500.png" alt="" />
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,13 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>502 Bad gateway...</title>
|
||||
<link rel="stylesheet" href="/_errors/errors.css" />
|
||||
</head>
|
||||
<body>
|
||||
<img src="/_errors/img/502.png" alt="" />
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,13 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>503 Service unavailable...</title>
|
||||
<link rel="stylesheet" href="/_errors/errors.css" />
|
||||
</head>
|
||||
<body>
|
||||
<img src="./_errors/img/503.png" alt="" />
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,13 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||||
<title>504 Gateway timeout...</title>
|
||||
<link rel="stylesheet" href="/_errors/errors.css" />
|
||||
</head>
|
||||
<body>
|
||||
<img src="./_errors/img/504.png" alt="" />
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,25 +0,0 @@
|
||||
@keyframes fade {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
background-color: #1f1f28;
|
||||
display: flex;
|
||||
}
|
||||
img {
|
||||
animation: fade 500ms ease-in-out;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
max-width: 1024px;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 104 KiB |
|
Before Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 208 KiB |
@@ -14,6 +14,7 @@
|
||||
href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="shortcut icon" href="./favicon.png" type="image/png" />
|
||||
|
||||
<script src="./js/data.js" defer></script>
|
||||
<script src="./js/stack.js" defer></script>
|
||||
@@ -43,7 +44,9 @@
|
||||
<span class="section-index">01</span>
|
||||
<h2>Stack</h2>
|
||||
</div>
|
||||
<p class="block-subtitle">Tools I reach for when the task needs to ship.</p>
|
||||
<p class="block-subtitle">
|
||||
Tools I reach for when the task needs to ship.
|
||||
</p>
|
||||
<div class="stack-grid" id="stack"></div>
|
||||
</section>
|
||||
|
||||
@@ -61,7 +64,9 @@
|
||||
<span class="section-index">03</span>
|
||||
<h2>Links</h2>
|
||||
</div>
|
||||
<p class="block-subtitle">Places where I answer, publish, or keep code.</p>
|
||||
<p class="block-subtitle">
|
||||
Places where I answer, publish, or keep code.
|
||||
</p>
|
||||
<div class="link-grid" id="links"></div>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
@@ -40,6 +40,8 @@ body {
|
||||
}
|
||||
|
||||
body {
|
||||
--card-accent: var(--accent);
|
||||
--card-glow: var(--glow-mint);
|
||||
padding: 48px 12px;
|
||||
font-family: "Barlow", sans-serif;
|
||||
background-color: var(--bg);
|
||||
|
||||
@@ -6,8 +6,6 @@
|
||||
}
|
||||
|
||||
.stack-card {
|
||||
--card-accent: var(--accent);
|
||||
--card-glow: var(--glow-mint);
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
|
||||