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;
 } */
		`@@ -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.`