fix navbar. add recipe

README.md

@@ -20,3 +20,7 @@ Its a website! Node/npm
 
 1. From this directory install dependencies with `npm install`
 2. Run the server with `npm start`
+
+## Build the docker image
+
+`docker build -t leo_website:latest .`

assets/css/site.css

@@ -25,10 +25,6 @@
 	transform: translateX(-50%) translateY(-50%);
 }
 
-.navbar-transparent {
-	background-color: transparent;
-	border-color: rgba(255, 255, 255, 0.4);
-}
 
 .cenMain {
 	padding-top: 40%;

recipes/ovenRoastedAsparagus.md

@@ -0,0 +1,23 @@
+# Oven Roasted Asparagus
+
+#dinner #side
+
+*yields: 4 servings  [Reference](https://www.allrecipes.com/recipe/214931/oven-roasted-asparagus/)*
+
+## Ingredients
+
+Measure | Unit | Weight | Ingredient
+--------|------|--------|-----------
+1 Bunch | | | Asparagus
+3 | tbsp | | Olive Oil
+1 1/2 | tbsp | | Grated Parmessan Cheese
+1 | clove | | Garlic
+1 | tsp | | Salt
+1/2 | tsp | | Black Pepper
+1 | tbsp | | Lemon Juice
+
+## Instructions
+
+1. Preheat oven to 425
+2. Place asparagus on baking sheet. Drizzle with oil and all ingredients. Toss to coat
+3. Bake 12-15 minutes

views/partials/footer.ejs

@@ -18,7 +18,7 @@
         </div>
         <div class="row">
             <div class="col-md-12 mb-2">
-                <div class="footer-copyright text-center text-white">lenordsNet 2018</div>
+                <div class="footer-copyright text-center text-white">lenordsNet <%= new Date().getFullYear();%></div>
             </div>
         </div>
     </div>

views/partials/nav.ejs

@@ -1,15 +1,15 @@
-<nav class="navbar navbar-top navbar-expand-lg navbar-dark animated fadeIn fixed-top">
+<nav class="navbar navbar-expand-lg navbar-dark bg-black fixed-top">
-    <div class="container">
+    <div class="container-fluid">
 
         <a class="navbar-brand" href="/#">lenordsNet</a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText"
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText"
             aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarText">
             <ul class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll" style="--bs-scroll-height: 100px;">
                 <li class="nav-item">
-                    <a class="nav-link" href="https://home.lenord.me/lovelace-rooms">Home Assistant</a>
+                    <a class="nav-link" href="https://home.lenord.me/">Home Assistant</a>
                 </li>
                 <li class="nav-item">
                     <a class="nav-link" href="/recipe_navigator">Recipes</a>