new site whoop
This commit is contained in:
+53
-72
@@ -1,79 +1,60 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>lulawexlive > Home</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/nav.css">
|
||||
<link rel="stylesheet" href="/assets/css/footer.css">
|
||||
<!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>
|
||||
|
||||
<!-- Meta Tags -->
|
||||
<meta property="og:site_name" content="Awex" />
|
||||
<meta content="Awex > Home" property="og:title">
|
||||
<meta content="https://awexxx.xyz/" property="og:url">
|
||||
<meta content="#363636" name="theme-color" data-react-helmet="true">
|
||||
<meta property="og:description" content="lulawexLIVE is a Streamer, YouTuber, Developer and Medal content creator. Awex has worked on many things, including the unofficial MedalClipWebhook and the SplitStat Bot.">
|
||||
<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>
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.29/skrollr.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/js/medalClip.js"></script>
|
||||
</head>
|
||||
<body onload="getMedalClip()">
|
||||
<nav class="navbar navbar-expand-sm navbar-light bg-light">
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<a class="nav-link"><Awex /><span class="sr-only"></span></a>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
|
||||
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link"><Awex /><span class="sr-only"></span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="social-part">
|
||||
<a href="https://medal.tv/users/215577" target="_blank"><img src="/assets/image/medal.jpg" style="padding-right:15px; padding-bottom:3px;"></a>
|
||||
<a href="https://twitter.com/lulawex" style="color:black" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</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>
|
||||
</nav>
|
||||
<div id="image" style="background-image:url('/assets/image/profile.png'); background-size:2000px; height:30px"></div>
|
||||
</div>
|
||||
|
||||
<div id="container">
|
||||
<div id="below" style="background-color:white; text-align:center;"><br>
|
||||
<h3 class="border" style="text-align:center;">About lulawex</h3>
|
||||
<p>lulawexLIVE is a Streamer, YouTuber, Developer and Medal content creator.<br>
|
||||
Awex has worked on many things, including <a href="https://github.com/awexxx/medal-clip-webhook" target="_blank">the unofficial MedalClipWebhook</a> and <a href="" target="_blank">the SplitStat Bot.</a></p>
|
||||
</div>
|
||||
<div id="profiledisplay" style="background-color:#2e2e2e; text-align:center; padding-top:10px; padding-bottom:10px;">
|
||||
<div class="banner">
|
||||
<img style="border-radius:335px; padding-top:10px; width:100px" src="/assets/image/profile/pfp.jpg">
|
||||
<p style="color:white; padding-top:10px;">lulawex on <a href="https://medal.tv/users/215577">Medal.tv</a></p>
|
||||
<p style="color:azure;">Medal.tv is the #1 clipping platform for gamers.<br> Press a button, get a clip. It's that easy.<br>
|
||||
Download Medal today using my <a href="https://medal.tv/thankyou?ref=awex_partner">partner referral link.</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div id="clipDisplay" style="background-color:white; padding-top:30px; padding-bottom:30px;">
|
||||
<h3 class="border" style="text-align:center; padding-top:10px;">Latest clip from my Medal profile!</h3>
|
||||
<span style="text-align:center;" class="c1title"></span>
|
||||
<div class="c1iframe" style="text-align:center;"></div>
|
||||
</div>
|
||||
<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 src="/assets/js/secret.js"></script>
|
||||
<div id="socials" style="background-color:#2e2e2e; padding-top:10px; padding-bottom:10px; text-align:center;">
|
||||
<h3 style="color:white;">Socials!</h3>
|
||||
<p style="color:azure;">I am all over! You can find the hub for all of my links <a href="https://linktr.ee/lulawexlive" target="_blank">here.</a></p>
|
||||
|
||||
<div style="padding-top:80px; color:white;">© 2021, lulawexLIVE <br><i>HMU; hi@awexxx.xyz</i></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<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>
|
||||
Reference in New Issue
Block a user