initial commit

2024-11-05 16:28:25 +00:00
commit 76a86b0bd6
5 changed files with 117 additions and 0 deletions
@@ -0,0 +1,2 @@
+## futile site
+i made this in a couple of hours while listening to korn. i don't know web development. this is my first time making a website that i have put effort into and haven't been helped by someone or repurposed a different source into my own.
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>« futile »</title>
+</head>
+
+<body>
+    <div class="box">
+        <h1 class="main-title">futile</h1>
+    </div>
+    <div class="box">
+        <p class="separator">─────</p>
+    </div>
+    <div class="box">
+        <p class="content">
+            hello, my name is futile. i am a weird concept from the internet (or a person from europe, depending
+            who you ask). i like programming (mostly rust), computers, linux, malicious software such as game hacks and
+            malware, and vehicles that drive or fly.<br><br>
+            if you want to contact me, email <a class="email">me [AT] futile [DOT] eu</a>
+        </p>
+    </div>
+    <div class="footer">
+        <p id="quote">who are you</p>
+    </div>
+</body>
+
+</html>
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>« not found »</title>
+</head>
+
+<body>
+    <div class="box">
+        <h1 class="main-title">not found</h1>
+    </div>
+</body>
+
+</html>
@@ -0,0 +1,67 @@
+@import url(https://fonts.bunny.net/css?family=bokor:400);
+@font-face {
+    font-family: 'Iosevka', monospace;
+    src: url('assets/Iosevka-Regular.woff2');
+}
+* {
+    user-select: none;
+}
+body {
+    background-color: black;
+    color: white;
+    font-family: 'Iosevka', monospace;
+}
+.email {
+    text-decoration: underline dashed;
+    user-select: text;
+}
+.main-title {
+    font-family: 'Bokor', display;
+    font-size: 5em;
+    line-height: 1em;
+    margin-top: 0.2em;
+    margin-bottom: 0em;
+}
+.separator {
+    line-height: 0em;
+    margin-top: 0.5em;
+    margin-bottom: 0em;
+    user-select: none;
+}
+.content {
+    line-height: 1.3em;
+}
+.box {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    max-width: 480px;
+    margin: 0 auto;
+}
+div.footer {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 auto;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+/* ul.footer {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    padding-left: 10px;
+    display: flex;
+}
+ul.footer li {
+    margin-right: 10px;
+}
+ul.footer a {
+    color: white;
+    text-decoration: none;
+}
+ul.footer a:hover {
+    text-decoration: underline;
+} */