new website lulz
This commit is contained in:
awexxx
+63
-197
@@ -1,212 +1,78 @@
|
||||
<style>
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color:black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Awex >> Home</title>
|
||||
<title>lulawexlive > Home</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
<link rel="stylesheet" href="assets/css/footer.css">
|
||||
<link rel="stylesheet" href="assets/css/nav.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=Quicksand:wght@300&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
|
||||
<link rel="shortcut icon" type="image/jpg" href="/favicon.ico"/>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="assets/js/medal.js"></script>
|
||||
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
|
||||
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
||||
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||
<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">
|
||||
$(document).ready(function () {
|
||||
$('.navbar-light .dmenu').hover(function () {
|
||||
$(this).find('.sm-menu').first().stop(true, true).slideDown(150);
|
||||
}, function () {
|
||||
$(this).find('.sm-menu').first().stop(true, true).slideUp(105)
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/nav.css">
|
||||
<link rel="stylesheet" href="/assets/css/footer.css">
|
||||
|
||||
<!-- Meta Tags -->
|
||||
<meta content="Awexxx" property="og:title">
|
||||
<meta content="Hello! My name is Awex and I'm a developer doing dev stuff! This is my cool website!" property="og:description">
|
||||
<meta property="og:site_name" content="Awex" />
|
||||
<meta content="Awex > Home" property="og:title">
|
||||
<meta content="https://awexxx.xyz/" property="og:url">
|
||||
<meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
|
||||
<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="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>
|
||||
|
||||
<script>
|
||||
window.onload = medalclips
|
||||
</script>
|
||||
|
||||
<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">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</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="#">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#projects">Recent Projects</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="mailto:hi@awexxx.xyz">Contact</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown dmenu">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
|
||||
Tools
|
||||
</a>
|
||||
<div class="dropdown-menu sm-menu">
|
||||
<a class="dropdown-item" href="https://mcw.awexxx.xyz">Medal Clip Webhook</a>
|
||||
<a class="dropdown-item" href="https://awexxx.xyz/splitstat">Splitstat Discord Bot</a>
|
||||
<!-- <a class="dropdown-item" href="#">yes</a> -->
|
||||
</div>
|
||||
</li>
|
||||
<!-- <li class="nav-item dropdown dmenu">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
|
||||
Dropdown link
|
||||
</a>
|
||||
<div class="dropdown-menu sm-menu">
|
||||
<a class="dropdown-item" href="#">Link 1</a>
|
||||
<a class="dropdown-item" href="#">Link 2</a>
|
||||
<a class="dropdown-item" href="#">Link 3</a>
|
||||
<a class="dropdown-item" href="#">Link 4</a>
|
||||
<a class="dropdown-item" href="#">Link 5</a>
|
||||
<a class="dropdown-item" href="#">Link 6</a>
|
||||
</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
<div class="social-part">
|
||||
<i class="fa fa-facebook" aria-hidden="true"></i>
|
||||
<i class="fa fa-twitter" aria-hidden="true"></i>
|
||||
<i class="fa fa-instagram" aria-hidden="true"></i>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<div id="welcome">
|
||||
<span id="welcomespan"><h3>Awex</h3>
|
||||
<h2>Developer | Gamer | Sleeper</h2></span>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Social Icons -->
|
||||
<div id="social">
|
||||
<a href="https://twitter.com/lulawex" target="_blank"><ion-icon name="logo-twitter"></ion-icon></a>
|
||||
<a href="mailto:hi@awexxx.xyz" target="_blank"><ion-icon name="mail-outline"></ion-icon></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<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="bootstrap-iso">
|
||||
<!-- About Me Section -->
|
||||
<section id="about">
|
||||
<div id="aboutContainer">
|
||||
<h3>About Me</h3>
|
||||
<p>I am a self-taught Node.js and Python developer, working on my own projects on my own time.. when I feel like it >:(<br>
|
||||
I started coding and playing with development in late 2020 and have since dipped into building apps to make my life, along with yours, easier!<br>
|
||||
<strong>Interested in what I've built?</strong> Keep reading down on this site, you'll love it!</p>
|
||||
|
||||
<hr>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div style="text-align:center;">
|
||||
<p id="intermission"><i>psst, ps: follow me on Twitter ;o</i></p>
|
||||
<blockquote class="twitter-tweet tw-align-center"><p lang="nl" dir="ltr">cheesborbger</p>— Alex // awexx (@_awexx) <a href="https://twitter.com/_awexx/status/1400755782409412608?ref_src=twsrc%5Etfw">June 4, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
|
||||
<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>
|
||||
</nav>
|
||||
<div id="image" style="background-image:url('/assets/image/profile.png'); background-size:2000px; height:30px"></div>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Projects Section -->
|
||||
<section id="projects">
|
||||
<div id="projectsContainer">
|
||||
<h3>Projects</h3>
|
||||
<p><strong>What projects have you worked on</strong>, you ask, well I'm here to answer that question! (there's a bit omg)</p>
|
||||
<hr style="width:30%;">
|
||||
|
||||
<h4>Medal Clip Webhook</h4>
|
||||
<p>This is a simple web app that POSTs to a Discord webhook.<br>
|
||||
It allows users outside of the <a href="https://medal.tv" target="_blank">Medal.tv</a> platform to allow their users to share their clips to Discord without the app (ex. for Mac users).</p>
|
||||
|
||||
<h4>mcsrvstat-wrapper</h4>
|
||||
<p>This is a simple Node.js wrapper that allows users to easily fetch the status of their (or someone elses doesn't matter) Minecraft server via the <a href="https://mcsrvstat.us">MCSRVSTAT API</a>.</p>
|
||||
|
||||
<h4>medaltv-wrapper</h4>
|
||||
<p>This is yet another Node.js (soon web) wrapper that allows you to easily fetch Medal clips from the <a href="https://docs.medal.tv" target="_blank">Medal.tv REST API</a>.</p>
|
||||
|
||||
<h4>..and more (that this page doesn't have room to fit)!</h4>
|
||||
<p>Check out my <a href="https://github.com/awexxx" target="_blank">GitHub Page</a> for all of the projects I've worked on!</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
<div style="text-align:center">
|
||||
<p id="intermission"><i>another ps: follow me on <a href="https://medal.tv/lulawex" target="_blank">Medal!</a></i></p>
|
||||
<div id="clip"></div>
|
||||
<span id="title"></span>
|
||||
<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>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Experienced Section -->
|
||||
<section id="experienced">
|
||||
<h3>Currently Skilled In</h3>
|
||||
<p>Currently, I'm focusing on server-side development with languages like Node.js, making APIs and tools that help make my life easier.<br>
|
||||
Besides Node.js, I'm also working on perfecting Python, HTML, CSS and more! My Python is the best out of the 3, but I'm getting better everyday!<br>
|
||||
Again, if you want to see some projects, check out my <a href="https://github.com/awexxx" target="_blank">Github Profile</a>, (almost) every project I've ever worked on is there!</p>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Say Hi! -->
|
||||
<section id="hi" style="text-align:center;">
|
||||
<h3>Say hi!</h3>
|
||||
<p>My email is <strong>hi@awexxx.xyz</strong>, you can reach out to me there or even say hi!</p>
|
||||
</section>
|
||||
<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>
|
||||
|
||||
<div class="footer-basic">
|
||||
<footer>
|
||||
<div class="social"><a href="https://instagram.com/_awexx"><i class="icon ion-social-instagram"></i></a><a href="https://twitter.com/lulawex"><i class="icon ion-social-twitter"></i></a><a href="https://github.com/awexxx/"><i class="icon ion-social-github"></i></a></div>
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item"><a href="https://mcw.awexxx.xyz">Medal Clip Webhook</a></li>
|
||||
</ul>
|
||||
<p class="copyright">hi@awexxx.xyz<br>
|
||||
</footer>
|
||||
<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="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>
|
||||
</html>
|
||||
|
||||
<style>
|
||||
body {
|
||||
background-color:#dedede;
|
||||
}
|
||||
</style>
|
||||
</html>
|
||||
Reference in New Issue
Block a user