Updated HTML

ScriptMasterX · web-flow · commit b1d1f76c2b2e · 2023-04-08T12:11:34.000-07:00
diff --git a/views/home.ejs b/views/home.ejs
@@ -4,21 +4,21 @@
     <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>Meal Planning App</title>
+    <title>FoodMeets</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
     <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="/css/styles.css">
+    <link rel="stylesheet" href="css\styles.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
-<body>
+<body class="homeBody">
 
 
     <!--nav-->
-    <nav x-data="{show:false}" class="flex items-center justify-between flex-wrap bg-orange-600 p-6">
+    <nav x-data="{show:false}" class="flex items-center justify-between flex-wrap bg-orange-600 p-6 navShadow">
         <div class="flex items-center flex-shrink-0 text-white mr-6">
-          <span class="font-semibold text-xl tracking-tight">Plan Your Meal</span>
+          <span class="font-semibold text-xl tracking-tight">FoodMeets</span>
         </div>
         <div class="block md:hidden">
           <button @click="show=!show" class="flex items-center px-3 py-2 border rounded text-gray-100 border-gray-200 hover:text-white hover:border-white">
@@ -36,33 +36,27 @@
             <!-- Row -->
             <div class="w-full xl:w-3/4 lg:w-11/12 flex">
                 <!-- Col -->
-                <div
-                    class="w-full h-auto bg-gray-400 hidden lg:block lg:w-5/12 bg-cover rounded-l-lg"
-                    style="background-image: url('images/food.png')"
-                ></div>
-                <!-- Col -->
-                <div class="w-full lg:w-7/12 bg-white p-5 rounded-lg lg:rounded-l-none">
-                    <h3 class="pt-4 text-2xl text-center">Welcome - Let's plan some meals!</h3>
-                    <form class="px-8 pt-6 pb-8 mb-4 bg-white rounded">
-                      <a href="/inputWeekPlanMeals">
+                <div class="w-full optionsWrapper">
+                    <h3 class="text-center homeTitle">Welcome - Let's plan some meals!</h3>
+                    <form class="menuWrapper">
+                      <a href="/inputWeekPlanMeals" class="weeklyMenu component">
                         <button
-                            class="w-full px-4 py-2 font-bold text-white bg-yellow-500 rounded-full hover:bg-yellow-700 focus:outline-none focus:shadow-outline"
-                            type="button"> Create your weekly menu
+                          class="textBackground"
+                          type="button"> Create your weekly menu
                         </button>
                       </a>
-                        <br> <br>
-                      <a href="/inputIngredient">
+                      <a href="/inputIngredient" class="inFridge component">
                         <button
-                        class="w-full px-4 py-2 font-bold text-white bg-indigo-500 rounded-full hover:bg-indigo-700 focus:outline-none focus:shadow-outline"
-                        type="button">What's in your fridge
+                          class="textBackground"
+                          type="button">What's in your fridge?
                     </button>
                       </a>
-                    <br> <br>
-                                      <button
-                                        class="w-full px-4 py-2 font-bold text-white bg-blue-500 rounded-full hover:bg-blue-700 focus:outline-none focus:shadow-outline"
-                                        type="button">Try something new today
-                                    </button>
-                    <br> <br>
+                      <a href="file:///C:/Users/tulsa/OneDrive/Documents/GitHub/Bon-Hack-tit/views/inputIngredient.html" class="somethingNew component">
+                        <button
+                          class="textBackground"
+                          type="button">Try something new today
+                      </button>
+                      </a>
                                     
 
                         </div>
@@ -78,4 +72,4 @@
     </div>
 </body>
 </body>
-</html>
+</html>
