lil reworking + link fixes

index.html

@@ -6,6 +6,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Alex 👋</title>
 
+    <!-- Discord Embeds -->
+    <meta content="Alex 👋" property="og:title" />
+    <meta content="Welcome to my website! I'm a Java(script) developer, along with knowing some Python, HTML and CSS!" property="og:description" />
+    <meta content="https://pause.thatalex.dev" property="og:url" />
+    <meta content="#000f54" data-react-helmet="true" name="theme-color" />
+
     <link rel="stylesheet" href="https://thatalex.dev/static/css/main.css">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -18,8 +24,8 @@
     <div id="querydiv"></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>
+        <p>I do QA stuff @ <a href="https://medal.tv" target="_blank">Medal.tv</a> & some coding on the side<br>
+        <a href="/links">Find all my links here!</a></p>
 
             <h3>What am I listening to?</h3>
             <div id="spotify">
@@ -36,7 +42,7 @@
         <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">
+            <div class="medal" style="background-color:gray; padding-top:20px; padding-bottom:20px; width:50%; margin:0 auto; border-radius:50px;">
                 <span id="clip"></span>
             </div>
     </div>

links.html

@@ -10,32 +10,24 @@
 
     <!-- Meta Tags -->
     <meta property="og:site_name" content="Awex" />
-    <meta content="Awex > Links" property="og:title">
-    <meta content="https://awexxx.xyz/links" property="og:url">
+    <meta content="Links > Alex 👋" property="og:title">
+    <meta content="https://thatalex.dev/links" property="og:url">
     <meta content="#363636" name="theme-color" data-react-helmet="true">
     <meta property="og:description" content="See where you can find me around the internet! I'm in a lot of places. Actually, now that I list it, more than I thought i was..">
 </head>
 
 <body>
-
-    <a class="profilePicture">
-        <img src="https://pbs.twimg.com/profile_images/1480129301198647296/f-G3f5Ep_400x400.jpg" alt="Profile Picture">
-    </a>
-
     <div class="userName">
         Alex
     </div>
 
     <div class="description">
-        probably clipping stuff on Medal
+        quality assurance @ medal.tv
     </div>
 
     <div class="links">
-        <a class="link" href="https://medal.tv/users/215577" target="_blank">
+        <a class="link" href="https://medal.tv/thatoneawex" target="_blank">
             <i class="fas fa-medal">&nbsp;</i>Medal.tv
-        </a>
-         <a class="link" href="https://twitch.tv/thatoneawex" target="_blank">
-            <i class="fas fa-twitch">&nbsp;</i>Twitch.tv
         </a>
         <a class="link" href="https://last.fm/user/lulawex" target="_blank">
             <i class="fab fa-lastfm">&nbsp;</i>Last.fm
@@ -55,7 +47,7 @@
     </div>
 
     <div class="source">
-        This was built on <a href="https://github.com/RyanLefebvre/TREE">Tree</a>, a linktr.ee alternative.
+        This was built on <a href="https://github.com/RyanLefebvre/TREE" target="_blank">Tree</a>, a linktr.ee alternative.
     </div>
 
 </body>

static/css/tree.css

@@ -1,7 +1,8 @@
 html, body {
     margin: 0;
     height: 100%;
-    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    top:50%;
 }
 
 html{

static/js/medalClip.js

@@ -7,5 +7,6 @@ fetch("https://developers.medal.tv/v1/latest?userId=215577&limit=1", {
     }
 }).then(async function(response) {
     const data = await response.json();
-    clipSpan.innerHTML = `${data.contentObjects[0].embedIframeCode}<br>${data.contentObjects[0].contentTitle}`;
+    if(screen.width < 1920) { clipSpan.innerHTML = `<h3><a href="${data.contentObjects[0].directClipUrl}" target="_blank">${data.contentObjects[0].contentTitle}</a></h3>` }
+    else clipSpan.innerHTML = `${data.contentObjects[0].embedIframeCode}<br><hr><h3>${data.contentObjects[0].contentTitle}</h3>`;
 });