Files
website/index.html
T
2022-03-19 18:13:48 -04:00

60 lines
2.8 KiB
HTML

<!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.0">
<title>Alex 👋</title>
<link rel="stylesheet" href="/static/css/main.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body onload="setClip()">
<div class="welcome"></div>
<div id="welcome-text">
<h3>👋, I'm Alex!</h3>
<p>I'm a Javascript & Java developer, working on random Node apps and Minecraft plugins!<br>
<a href="/links">All of my links can be found here.</a></p>
<hr>
<h4>Projects</h4>
<ul>
<li>A <a href="https://github.com/awexthedev/mcimpos" target="_blank">Minecraft Among Us</a> Minigame (insp by <a href="https://innersloth.com/games/among-us" target="_blank">Innersloth's game</a>)</li>
<li>A <a href="https://github.com/awexthedev/sharex-express" target="_blank">ShareX</a> Uploader based in Node.js (<a href="https://github.com/awexthedev/sharex-express" target="_blank">link</a>)</li>
</ul>
<hr>
<h4>Partners</h4>
<p>I am partnered with <a href="https://medal.tv/u/thatoneawex?ref=awex_partner" target="_blank">Medal.tv</a>, a short-form gaming clip sharing service.</p>
<div class="medal">
<span id="clip"></span>
</div>
</div>
<br>
<div id="footer">
<p><a href="mailto:hi@thatalex.dev">Email</a></p>
<a href="https://twitter.com/thatawex" style="color:white;" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://github.com/awexthedev" style="color:white;" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://instagram.com/thatoneawex" style="color:white;" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
<script>
async function setClip() {
const clipSpan = document.getElementById("clip");
const response = await fetch("https://developers.medal.tv/v1/latest?userId=215577&limit=1", {
method: "GET",
headers: {
"authorization": "pub_ecEyOlY5G2u9476DMGOxcxiNcaOTEjmq",
"Content-Type": "application/json"
}
});
const data = await response.json();
clipSpan.innerHTML = `${data.contentObjects[0].embedIframeCode}<br>${data.contentObjects[0].contentTitle}`;
}
</script>
</body>
</html>