feat: add meta and edit multiple descriptions

haxgun · Oct 31, 2023 · 4d2849d · 4d2849d
1 parent cd3596d
commit 4d2849d
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -1,11 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>VALORY - Valorant Rank Overlay</title>
-    <link rel="icon" type="image/png" href="/img/favicon.png" />
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stream Overlays - Valory</title>
+    <link rel="icon" type="image/png" href="img/favicon.png">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="keywords" content="valory, valory obs, valory overlay, obs overlay, valory valorant, valorant, valory obs overlay, valory valorant overlay, valory valorant obs">
+    <meta name="author" content="MAGICX, [email protected]">
+    <meta name="twitter:site" content="@haxguno">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image" content="img/meta.png">
+    <meta name="twitter:description" content="Elevate your Valorant streaming experience by using the Valory. Keep your viewers engaged and informed, and showcase your progress in the game while making your stream more captivating and memorable!">
+    <meta name="twitter:title" content="Stream Overlays - Valory">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="img/meta.png">
+    <meta property="og:description" content="Elevate your Valorant streaming experience by using the Valory. Keep your viewers engaged and informed, and showcase your progress in the game while making your stream more captivating and memorable!">
+    <meta property="og:title" content="Stream Overlays - Valory">
+    <meta name="description" content="Elevate your Valorant streaming experience by using the Valory. Keep your viewers engaged and informed, and showcase your progress in the game while making your stream more captivating and memorable!">
   </head>
   <body>
     <noscript>

diff --git a/overlay/index.html b/overlay/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>VALORY - Player card</title>
+    <title>Valorant Player Card - Valory</title>
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>

diff --git a/public/img/meta.png b/public/img/meta.png
diff --git a/src/js/main.js b/src/js/main.js
@@ -44,10 +44,10 @@ document.querySelector('#app').innerHTML = `
       <div class="sidepanel">
         <div class="main">
           <div class="logos">
-            <p class="pretitle">OBS OVERLAY <span>NEW</span></p>
+            <p class="pretitle">STREAM OVERLAY <span>NEW</span></p>
             <h1 class="title">VALORY</h1>
             <h2 class="description">
-              Create a nice overlay to display your valorant rank!
+              Catch your audience's attention with real-time Valorant stats!
             </h2>
           </div>
           <div class="content" x-show="!editorContinue">

diff --git a/src/scss/main.scss b/src/scss/main.scss
@@ -292,6 +292,7 @@ button {
 		}
 	}
 	.title {
+		font-weight: 700;
 		font-size: 35px;
 		background: -webkit-linear-gradient(#fff, #ccc);
 		background-clip: text;