new website lulz

assets/css/main.css

@@ -0,0 +1,54 @@
+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;
+  }

assets/css/style.css

@@ -1,103 +0,0 @@
-html, body {
-    font-family: 'Quicksand', sans-serif;
-    margin:0;
-    padding:0;
-    line-height:30px;
-}
-
-
-/* 
-Welcome/Home Styling
-*/
-
-#welcome {
-    height: 933px;
-    line-height: 10px;
-    text-align: center;
-    border: 2px solid black;
-    background-color:#474747;
-    color:#cfcfcf;
-  }
-
-  #welcomespan {
-    display: inline-block;
-    vertical-align: middle;
-    line-height: normal;
-    padding-top:200px
-  }
-
-  /* ----------------- */
-
-  /*
-  About
-  */
-  #about {
-      text-align:center;
-      white-space:normal;
-  }
-  #aboutContainer {
-      white-space:normal;
-      padding-top:30px;
-  }
-
-  /* ----------------- */
-
-  /*
-  Projects
-  */
-
-  #projects {
-      text-align:center;
-      line-height:20px;
-      white-space:normal;
-  }
-
-  #projectsContainer {
-      white-space:normal;
-  }
-
-  /* ----------------- */
-
-  /*
-  Skills
-  */
-
-  #experienced {
-    text-align:center;
-  }
-
-  /* ----------------- */
-
-  /* 
-  Universal Styling 
-  */
-
-  h3 {
-      font-size:40px;
-  }
-
-  h4 {
-    font-size:30px;
-  }
-
-  p {
-      font-size:20px;
-  }
-
-  hr {
-      border-color:gray;
-      width:50%;
-  }
-
-  #intermission {
-      text-align:center;
-  }
-
-  ion-icon {
-    font-size:64px;
-    color:gray;
-  }
-
-  #form {
-    text-align:center;
-  }

assets/js/contact.js

@@ -0,0 +1,39 @@
+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>`
+            }
+        })
+    }
+}

assets/js/medal.js

@@ -1,15 +0,0 @@
-                            ///////////////////////////////////
-                            //  Fetch Script for Awex Clips  //
-                            //         Medal.tv API          //
-                            ///////////////////////////////////
-
-async function medalclips() {
-    const medalapi = 'https://developers.medal.tv/v1/latest?userId=215577&limit=1'
-    const { contentObjects } = await fetch(medalapi, {
-        method: 'GET',
-        headers: { 'Authorization': 'pub_94FdmA2SMLm6V53dDykcPB3v4HLak6Db', 'Content-Type': 'application/json' }
-    }).then(response => response.json())
-
-    document.querySelector("#clip").innerHTML = contentObjects[0].embedIframeCode
-    document.querySelector("#title").innerHTML = "<i>Clip Title: " + contentObjects[0].contentTitle + "</i>"
-}

assets/js/medalClip.js

@@ -0,0 +1,12 @@
+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)
+}

assets/js/query.js

@@ -1,3 +0,0 @@
-//////////////////////////
-// Query Tag Processing //
-//////////////////////////

assets/js/splitstat.js

@@ -1,17 +0,0 @@
-async function checkForOutage() {
-    var data = await fetch(`https://st.awexxx.xyz/heartbeat`)
-
-    console.log(data)
-
-    if (data.response !== 200) {
-        document.getElementById(`status`).innerText = `offline!`
-        document.getElementById(`addon`).innerText = `API didn't respond!`
-    } else if (data.response === 200) {
-        document.getElementById(`status`).innerText = `online!`
-        document.getElementById(`addon`).innerText = `API responded when sent a heartbeat!`
-    }
-
-    console.log(`Checked, checking in 10s`)
-
-    setTimeout(checkForOutage, 10000);
-}