Merge pull request #4 from aj3sh/og-description

feat: added og description on contributors page
opensource-nepal · Dec 20, 2023 · 16b45e1 · 16b45e1
2 parents d5dcc20 + 1241148
commit 16b45e1
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 4 deletions.
diff --git a/assets/images/logo.png b/assets/images/logo.png
diff --git a/assets/images/playground-banner.jpg b/assets/images/playground-banner.jpg
diff --git a/assets/main.css b/assets/main.css
@@ -19,6 +19,14 @@ header h1 {
   display: none;
 }
 
+header .logo {
+  height: auto;
+  max-height: 30px;
+  max-width: 100%;
+  margin-top: 15px;
+  padding: 0px 10px;
+}
+
 header .playground-text {
   display: flex;
   align-items: center;

diff --git a/index.html b/index.html
@@ -9,7 +9,40 @@
     />
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
-    <title>PlayGround - OpenSource Nepal</title>
+
+    <title>Playground by OpenSource Nepal</title>
+    <meta name="title" content="Playground by OpenSource Nepal" />
+    <meta
+      name="description"
+      content="A playground repository dedicated, but not limited, to OpenSource newcomers to practice OpenSource workflows and principles."
+    />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:title" content="Playground by OpenSource Nepal" />
+    <meta
+      property="og:description"
+      content="A playground repository dedicated, but not limited, to OpenSource newcomers to practice OpenSource workflows and principles."
+    />
+    <meta
+      property="og:url"
+      content="https://opensource-nepal.github.io/playground/"
+    />
+    <meta
+      property="og:image"
+      content="https://opensource-nepal.github.io/playground/assets/images/playground-banner.jpg"
+    />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="800" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="Playground by OpenSource Nepal" />
+    <meta
+      name="twitter:description"
+      content="A playground repository dedicated, but not limited, to OpenSource newcomers to practice OpenSource workflows and principles."
+    />
+    <meta
+      name="twitter:image"
+      content="https://opensource-nepal.github.io/playground/assets/images/playground-banner.jpg"
+    />
+
     <link rel="icon" type="image/icon" href="./assets/images/favicon.ico" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -22,9 +55,7 @@
   <body>
     <header>
       <h1>PLAYGROUND</h1>
-      <div class="playground-text">
-        PLA<img src="./assets/images/fork-icon.png" class="fork-image" />GROUND
-      </div>
+      <div><img class="logo" src="./assets/images/logo.png" alt="PLAYGROUND"/></div>
       <h2>OpenSource Nepal</h2>
     </header>
     <div class="container card-container">