added discord embed creator!!! ;oooo

This commit is contained in:
Alex / Awex
2021-08-05 16:14:46 -04:00
parent 637f9e06eb
commit 1fdcb9c126
7 changed files with 774 additions and 5 deletions
+147
View File
@@ -0,0 +1,147 @@
<!DOCTYPE html>
<html>
<head>
<title>Success! >> Awex</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="https://awexxx.xyz/assets/css/style-new.css">
<link rel="stylesheet" href="https://awexxx.xyz/assets/css/footer.css">
<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">
<!-- Scripts -->
<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>
<!-- Metadata -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/png" href="https://awexxx.xyz/assets/img/logo.png"/>
<meta content="Awexxx" property="og:title">
<meta content="Name's awex / Alex. I'm a dev and do dev stuff k bye" property="og:description">
<meta content="https://awexxx.xyz/status/success" property="og:url">
<meta content="https://awexxx.xyz/assets/img/logo.png" property="og:image">
<meta content="#9c2d1c" data-react-helmet="true" name="theme-color">
</head>
<body>
<div id="rc_logo">
<a href="#" title="Logo">AWEX</a>
</div>
<div class="rc_nav" id="centered_nav">
<a href="https://awexxx.xyz/" title="Home">Home</a>
<a href="/about" title="About">About</a>
<a href="/projects" title="Projects">Projects</a>
<a href="/tools" title="Tools">Tools</a>
<a href="javascript:void(0);" title="Menu" style="font-size:18px;" class="icon" onclick="myFunction()">&#9776;</a>
</div>
<section class="home" style="background-image: url('assets/img/mcw-code.png');">
</section>
<div>
<br />
<h3>Woo! You did it!</h3>
<p>I'm a computer, so I have no clue what you did, but you did it! Woo!<br>
<i>P.S: You can go back by clicking <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">here.</a></i></p>
<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/_awexxx"><i class="icon ion-social-twitter"></i></a><a href="https://github.com/awexx/"><i class="icon ion-social-github"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="mailto:alex@plaguecraft.xyz">Contact Me</a></li>
</ul>
<p class="copyright">Awexxx © 2021<br>
<div id="quote"></div>
<script>
var quoteArray = ['You forget a thousand things every day, you make sure this is one of em.', 'THE DAMN SEMI COLON', `console.log('go away')`, `if else if else if else if else if else if else if elsfi fisafhjdskflsdf`,
`HELP PLEASE IM STUFK IN THE FOOTER CHOSOING THESE RESPONSES PLEASDSJAIF DSAF`]
var rand = quoteArray[Math.random() * quoteArray.length | 0]
document.querySelector("#quote").innerHTML = "<p>" + rand + "</p>"
if(rand === `console.log('go away')`) {
console.log(`go away (no, this isn't a mistake, i actually hard coded this in lmao)\nYou found the easter egg :)`)
}
</script>
</footer>
</div>
</body>
</html>
<style>
.home {
width: 100%;
height: 102vh;
background-position: center top;
background-size:cover;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}
body {
background-color:#a3a3a3;
text-align:center;
}
body{
background-color:#878787;
text-align:center;
}
.button {
background-color: #4CAF50; /* Green */
border: none;
border-radius:25%;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
a{
color:black;
}
a:hover {
color:white;
}
i{
font-size:20px;
}
body p{
text-align:center;
color:#d4d4d4;
font-size:20px;
}
h3 {
font-size:25px;
}
button[type=submit] {
background-color:gray;
color:#fff;
padding:12px 20px;
border:none;
border-radius:4px;
cursor:pointer
}
</style>
<script>
function myFunction() {
var x = document.getElementById("centered_nav");
if (x.className === "rc_nav") {
x.className += " responsive";
} else {
x.className = "rc_nav";
}
}
</script>