new site whoop

This commit is contained in:
awex 3
2022-03-19 18:13:48 -04:00
parent a375df5602
commit d8dd475498
26 changed files with 99 additions and 2269 deletions
-65
View File
@@ -1,65 +0,0 @@
.footer-basic {
padding:35px 0;
background-color:#4a4a4a;
color:#4b4c4d;
}
.footer-basic ul {
padding:0;
list-style:none;
text-align:center;
font-size:18px;
line-height:1.6;
margin-bottom:0;
}
.footer-basic li {
padding:0 10px;
}
.footer-basic ul a {
color:white;
text-decoration:none;
opacity:0.8;
}
.footer-basic ul a:hover {
opacity:1;
}
.footer-basic .social {
text-align:center;
padding-bottom:25px;
}
.footer-basic .social > a {
font-size:24px;
width:40px;
height:40px;
line-height:40px;
display:inline-block;
text-align:center;
border-radius:50%;
border:1px solid white;
margin:0 8px;
color:white;
opacity:0.75;
}
.footer-basic .social > a:hover {
opacity:0.9;
}
.footer-basic .copyright {
margin-top:15px;
text-align:center;
font-size:13px;
color:white;
margin-bottom:0;
}
#quote p{
text-align:center;
font-size:15px;
color:white;
}
-25
View File
@@ -1,25 +0,0 @@
input[type=text], select, textarea {
width: 20%; /* Full width */
padding: 12px; /* Some padding */
border: 1px solid #ccc; /* Gray border */
border-radius: 4px; /* Rounded borders */
box-sizing: border-box; /* Make sure that padding and width stays in place */
margin-top: 6px; /* Add a top margin */
margin-bottom: 16px; /* Bottom margin */
resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
/* Style the submit button with a specific background color etc */
button[type=button] {
background-color: gray;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
background-color: #45a049;
}
-54
View File
@@ -1,54 +0,0 @@
html, body {
position: relative;
margin: 0;
height: 1500px;
text-align:center;
}
#image {
width: 100%;
height: 100vh;
min-height: 600px;
display: block;
position: relative;
left: 0;
z-index:-1;
background-repeat: no-repeat;
background-image: url('/assets/image/profile.png');
}
.border {
text-align:center;
overflow:hidden;
margin-left: auto;
margin-right: auto;
background-color: #6e6754;
border-radius:20px;
padding-top:10px;
padding-bottom:10px;
min-width:5%;
max-width:35%;
min-height:4%;
color:azure;
}
.banner {
/* background-image: url('../image/profile/banner.jpg');
background-repeat:no-repeat;
background-position:center; */
width:100%;
max-height:100%;
/* height:25%; */
}
.medal-clip {
/* float:left; */
width:50%;
}
a {
color:#5c5c5c !important;
}
a:hover {
color:#878787;
}
-6
View File
@@ -1,6 +0,0 @@
.social-part .fa{
padding-right:20px;
}
ul li a{
margin-right: 20px;
}
-28
View File
@@ -1,28 +0,0 @@
.container {
position: absolute;
padding-top:40px;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* width: 600px; */
height: 100px;
border-radius: 3px;
}
.jumbotron {
background-color:#4a4a4a;
}
.jumbotron img {
max-width:75%;
}
.jumbotron h3 {
color:white;
}
body {
background-color:#b3b3b3;
text-align:center;
}
-116
View File
@@ -1,116 +0,0 @@
html, body {
margin: 0;
height: 100%;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}
html{
background-color:black;
background-size:cover;
}
a {
color:white;
}
a:hover {
color:gray;
}
body {
background-size: 400% 400%;
padding-top:35px;
padding-bottom:35px;
height:fit-content;
min-height:100%;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
:root {
--accentColor: #E6E6E6;
--delay: .3s;
}
.description, .source{
color:white;
text-align:center;
margin: 27px auto;
margin-top:10px;
width:90%;
max-width: 500px;
}
.source{
font-size:small;
margin-top:50px;
}
.profilePicture, .profilePicture img {
position: relative;
width: 130px;
height: 130px;
display: block;
margin: 35px auto 20px;
border-radius: 50%;
}
.userName {
color: var(--accentColor);
font-size: x-large;
font-weight: bold;
line-height: 1.25;
display: block;
width: 100%;
text-align: center;
text-decoration: none;
}
.links {
max-width: 675px;
width: auto;
display: block;
margin: 27px auto;
}
.link {
position: relative;
background-color: transparent;
color: var(--accentColor);
border: solid var(--accentColor) 2px;
border-radius: 10px;
font-size: 1rem;
text-align: center;
display: block;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding: 10px;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
.link:hover {
background-color: var(--accentColor);
color: #000; /* Fallback for older browsers */
color: rgba(0, 0, 0, 0.5);
}
}
.link:active {
background-color: var(--accentColor);
color: #000; /* Fallback for older browsers */
color: rgba(0, 0, 0, 0.5);
}
Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 726 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

-39
View File
@@ -1,39 +0,0 @@
async function sendContact() {
var email = document.getElementById("email").value;
var subject = document.getElementById("subject").value;
var message = document.getElementById("message").value;
// Start of checks
if(!email || !message || !subject) {
document.getElementById('notification').innerHTML = `<p>Sorry, a field wasn't provided!</p>`
} else {
const data = {
"username": "Site Contact",
"content": "Someone sent a request from the website contact page!",
"embeds": [
{
"author": {
"name": email,
"url": "https://awexxx.xyz"
},
"title": subject,
"description": message
}
]
}
await fetch(`https://api.awexxx.xyz/website/webhook`, {
method: 'POST',
headers: { 'content-type': 'application/json' },
body: JSON.stringify(data)
})
.then(function(response) {
if(response.status === 204) {
document.getElementById(`notification`).innerHTML = `<p style="color:azure;">Success! That message was successfully sent!</p>`
} else if (response.status === 500) {
document.getElementById(`notification`).innerHTML = `<p style="color:red;">Uh oh! Something went wrong sending that message.</p>`
}
})
}
}
-12
View File
@@ -1,12 +0,0 @@
async function getMedalClip() {
var clip = await fetch(`https://developers.medal.tv/v1/latest?userId=215577&limit=2`, {
method: 'GET',
headers: { 'content-type': 'application/json', 'authorization': 'pub_HJcYn9DsxH0iW0N8iCqLPUddAr7hiyo2' }
}).then (response => response.json());
document.querySelector('.c1iframe').innerHTML = clip.contentObjects[0].embedIframeCode
document.querySelector('.c1title').innerHTML = `<p>${clip.contentObjects[0].contentTitle}</p>`
console.log(clip)
}
-27
View File
@@ -1,27 +0,0 @@
// a key map of allowed keys
var allowedKeys = {
37: 'left',
38: 'up',
39: 'right',
40: 'down',
65: 'a',
66: 'b'
};
var code = ['up', 'up', 'down', 'down', 'left', 'right', 'left', 'right', 'b', 'a'];
var pos = 0;
// add keydown event listener
document.addEventListener('keydown', function(e) {
var key = allowedKeys[e.keyCode];
var requiredKey = code[pos];
if (key == requiredKey) {
pos++;
if (pos == code.length) {
location = `https://www.youtube.com/watch?v=dQw4w9WgXcQ`
pos = 0;
}
} else {
pos = 0;
}
});