test embed box

uf-mil · Sep 27, 2024 · 2f9d432 · 2f9d432
1 parent b5438c1
commit 2f9d432
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/assets/hawaii_resting.jpg b/assets/hawaii_resting.jpg
diff --git a/index.html b/index.html
@@ -4,24 +4,30 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>NaviGator AMS</title>
+    <meta content="NaviGator AMS" property="og:title" />
+    <meta content="NaviGator AMS is a set of maritime vehicles built by students in the Machine Intelligence Laboratory (MIL) at the University of Florida (UF) for the Maritime RobotX competition." property="og:description" />
+    <meta content="https://navigatoruf.org" property="og:url" />
+    <meta content="https://navigatoruf.org/assets/hawaii_resting.jpg" property="og:image" />
+    <meta name="twitter:card" content="summary_large_image">
+    <meta content="#FA4616" data-react-helmet="true" name="theme-color" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet"> <!-- Inter font used in the figma -->
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="bg-gray-300" style="font-family: 'Inter', sans-serif;">
 
     <!-- Header Section -->
     <div class="relative">
-        <header class="relative h-[667px] bg-cover bg-center" style="background-image: url('https://i.postimg.cc/Gh1qnj57/Hero-Image.png');">
+        <header class="relative h-[667px] bg-cover bg-center" style="background-image: url('./assets/hawaii_resting.jpg');">
             <nav class="absolute top-0 left-0 w-full p-6 flex justify-between items-center bg-opacity-30 bg-white">
                 <div>
                     <img src="./assets/logo.png" alt="NaviGator AMS Logo" class="h-10">
                 </div>
                 <ul class="flex space-x-6 z-20">
-                    <li><a href="#" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Home</a></li>
-                    <li><a href="#" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Team</a></li>
-                    <li><a href="#" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Vehicle</a></li>
-                    <li><a href="#" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Sponsors</a></li>
-                    <li><a href="#" class="text-white rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Photos</a></li>
+                    <li><a href="#" class="text-black rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Home</a></li>
+                    <li><a href="#" class="text-black rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Team</a></li>
+                    <li><a href="#" class="text-black rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Vehicle</a></li>
+                    <li><a href="#" class="text-black rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Sponsors</a></li>
+                    <li><a href="#" class="text-black rounded-md px-1.5 py-1 hover:text-black hover:bg-gray-200 transition-all duration-300">Photos</a></li>
                 </ul>
             </nav>
 
@@ -83,7 +89,7 @@ <h3 class="text-xl font-medium mb-2">Extensively Tested Software</h3>
     <section class="py-16 bg-gray-300">
         <div class="max-w-6xl mx-auto text-center">
             <h2 class="text-3xl font-bold font-light mb-6 text-left px-10">About Us</h2>
-            <p class="text-gray-600 mb-6 text-left px-10">NaviGator AMS is a set of maritime vehicles built by students in the Machine Intelligence Laboratory (MIL) at the University of Florida (UF) for the 2016 Maritime RobotX competition.</p>
+            <p class="text-gray-600 mb-6 text-left px-10">NaviGator AMS is a set of maritime vehicles built by students in the Machine Intelligence Laboratory (MIL) at the University of Florida (UF) for the Maritime RobotX competition.</p>
             <p class="text-gray-600 text-left px-10">The main autonomous vehicle that constitutes the NaviGator AMS project is built upon a WAM-V boat. Other maritime systems will also be utilized for this project.</p>
             <p class="text-gray-600 mt-4 text-left px-10">We will be competing at the upcoming RobotX competition in Sarasota 2024!</p>
         </div>