init

ttmso · Jul 19, 2024 · bc385e4 · bc385e4
commit bc385e4
Show file tree

Hide file tree

Showing 4 changed files with 81 additions and 0 deletions.
diff --git a/background.jpg b/background.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta http`-equiv="X-UA-Compatible" content="IE=edge">
+    <title>My website</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <div class="MainDiv">
+        <h1>My website</h1>
+
+        <h2>Me</h2>
+        <p>I play games and code things.</p>
+
+        <h3>I know these languages</h3>
+        <li>English</li>
+        <li>Python</li>
+        <li>C/C++</li>
+        <li>Lua/GLua</li>
+
+        <h3>And less of these</h3>
+        <li>Rust</li>
+        <li>Java</li>
+        <li>Javascript</li>
+
+        <h2>Links</h2>
+        <a href="" onclick="navigator.clipboard.writeText('question_mark.__'); alert('Copied name!')">My Discord</a>
+        <a href="https://steamcommunity.com/id/ttmso" target="_blank">My Steam</a>
+        <a href="https://github.com/ttmso" target="_blank">My Github</a>
+    </div>
+
+    <script src="main.js" async defer></script>
+</body>
+
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1 @@
+console.log("Hello, World!")
diff --git a/style.css b/style.css
@@ -0,0 +1,40 @@
+body {
+    background-image: url("background.jpg");
+    background-size: cover;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    color: white;
+}
+
+.MainDiv {
+    padding: 16px;
+    border-radius: 16px;
+    text-align: left;
+    background-color: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(5px);
+    margin-inline: auto;
+    width: 75%;
+}
+
+a:link {
+    color: rgb(14, 161, 14);
+    background-color: transparent;
+    text-decoration: none;
+}
+
+a:visited {
+    color: rgb(14, 161, 14);
+    background-color: transparent;
+    text-decoration: none;
+}
+
+a:hover {
+    color: rgb(104, 204, 104);
+    background-color: transparent;
+    text-decoration: underline;
+}
+
+a:active {
+    color: rgb(104, 204, 104);
+    background-color: transparent;
+    text-decoration: underline;
+}