Browse Source

quick site

master
ryden 1 year ago
commit
4813eb1907
4 changed files with 102 additions and 0 deletions
  1. +0
    -0
      README.md
  2. +29
    -0
      assets/css/main.css
  3. +27
    -0
      assets/js/index.js
  4. +46
    -0
      index.html

+ 0
- 0
README.md View File


+ 29
- 0
assets/css/main.css View File

@@ -0,0 +1,29 @@
body {
font-family: "Roboto", sans-serif;
text-align: center;
color: white;
background-color: black;
}

.main {
height: 200px;
width: 450px;

position: fixed;
top: 40%;
left: 48%;
margin-top: -100px;
margin-left: -200px;
}

.title {
font-size: 6vh;
}

.subtitle {
margin: 0;
padding: 0;
position: relative;
top: -10%;
font-size: 2vh;
}

+ 27
- 0
assets/js/index.js View File

@@ -0,0 +1,27 @@
let Names = ["⿻", "hoqi", "hokkqido"];
let NameElement = document.getElementsByClassName("nav_name");
let Name_Interval = 5 * 1000;
let Last;
let Shown;
function getRandomName() {
let name = Names[~~(Math.random() * Names.length)];
return name;
}

function RandomName() {
Shown = getRandomName();

if (!Last) Last = "First";
if (Shown == Last) {
return RandomName();
} else {
NameElement[0].innerText = Shown;
document.title = Shown;
Last = Shown;
return Shown;
}
}

let Random = setInterval(() => {
RandomName();
}, Name_Interval);

+ 46
- 0
index.html View File

@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>hokkqido</title>
<script src="/assets/js/index.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="/assets/css/main.css" />
</head>
<body>
<section id="full">
<div class="main">
<h1 class="title name">
<span>h</span>
<span>o</span>
<span>k</span>
<span>k</span>
<span>q</span>
<span>i</span>
<span>d</span>
<span>o</span>
<br />
<span>⿻</span>
</h1>
<p class="subtitle">
freelance web/bot dev and aspiring designer <br />
EU Booking for
<a href="https://tenkitsune.com" target="_blank">tenkitsune</a>
</p>
<br />
<p class="subtitle">
find my portfolio on <a href="https://p.wrwlf.co">p.wrwlf.co</a>
</p>
<br />
<p class="subtitle">
want to work with me?<br />
email me @ <a href="mailto:yo+website@hkki.cc">yo@hkki.cc</a>
</p>
</div>
</section>
</body>
</html>

Loading…
Cancel
Save