Merge pull request #200 from whit3st/main

Update the Metadata tags for the fosscu website.
FOSS-Community · Aug 14, 2023 · e54dfc9 · e54dfc9
2 parents 64db2b3 + 521e06f
commit e54dfc9
Showing 1 changed file with 36 additions and 30 deletions.
diff --git a/index.html b/index.html
@@ -1,28 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/fosscu.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-      <!-- Google / Search Engine Tags -->
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="/fosscu.png" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Web site created using create-react-app" />
+  <!-- Google / Search Engine Tags -->
   <meta itemprop="name" content="We ❤️ Open Source">
   <meta itemprop="description" content="We at FOSSCU (Free and Open-Source Community United) are a Group
    of individuals who are constantly working to promote Open-Source Culture">
   <meta itemprop="image"
-    content="https://raw.githubusercontent.com/FOSS-Community/website-fossc/7fb82481a6d40ca5ceacbdeac46da76f9932a31c/src/assets/img/logo/fosscu.png"
-    >
-    <link rel="apple-touch-icon" href="/logo192.png" />
-    <!--
+    content="https://raw.githubusercontent.com/FOSS-Community/website-fossc/7fb82481a6d40ca5ceacbdeac46da76f9932a31c/src/assets/img/logo/fosscu.png">
+  <link rel="apple-touch-icon" href="/logo192.png" />
+  <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="/manifest.json" />
-    <!--
+  <link rel="manifest" href="/manifest.json" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -32,18 +29,26 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
 
-    <title>FOSSCU</title>
-    <script
-      src="https://kit.fontawesome.com/6fce547056.js"
-      crossorigin="anonymous"
-    ></script>
-    <script id="react-dotenv" src="./env.js"></script>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <script type="module" src="/src/index.jsx"></script>
-    <!--
+  <!-- Beginning of Open Graph Protocol Metatags -->
+  <meta property="og:site_name" content="FOSSCU" />
+  <meta property="og:title" content="FOSSCU" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://fosscu.org" />
+  <meta property="og:description" content="We at FOSSCU (Free and Open-Source Community United) are a Group
+   of individuals who are constantly working to promote Open-Source Culture" />
+  <meta property="og:image" content="https://fosscu.org/fosscu.png" />
+  <!-- End of Open Graph Protocol Metatags -->
+
+  <title>FOSSCU</title>
+  <script src="https://kit.fontawesome.com/6fce547056.js" crossorigin="anonymous"></script>
+  <script id="react-dotenv" src="./env.js"></script>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <script type="module" src="/src/index.jsx"></script>
+  <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -53,5 +58,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-  </body>
-</html>
+</body>
+
+</html>