Updated styling and consolidated to one layout

DavidPav123 · May 11, 2024 · 1c0e9e3 · 1c0e9e3
1 parent 82f18df
commit 1c0e9e3
Show file tree

Hide file tree

Showing 7 changed files with 35 additions and 71 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -17,31 +17,46 @@ const { title } = Astro.props;
   <body>
     <slot />
   </body>
+  <footer>
+    <p>
+      <a href="/">Home</a>
+    </p>
+  </footer>
 </html>
 <style is:global>
   html {
-    font-family: system-ui, sans-serif;
-    color: rgb(203, 135, 56);
+    font-family: monospace;
+    color: gold;
     background: #282828;
-    background-srgb(31, 31, 31)4px;
-    margin:auto;
+    margin: auto;
     max-width: 850px;
+    font-size: larger;
   }
-  h1{
+  h1 {
     text-align: center;
-    color:tomato;
+    color: tomato;
     border-width: 0px 0px 2px 0px;
     border-style: solid;
+    font-size: 2.5vw;
   }
-  code {
-    font-family:
-      Menlo,
-      Monaco,
-      Lucida Console,
-      Liberation Mono,
-      DejaVu Sans Mono,
-      Bitstream Vera Sans Mono,
-      Courier New,
-      monospace;
+  h3{
+    color: tomato;
+  }
+  a{
+    color: gold;
+    text-decoration: none;
+  }
+  a:visited {
+    color: darkgoldenrod;
+  }
+  footer {
+    text-align: center;
+    color: tomato;
+    border-width: 2px 0px 0px 0px;
+    border-style: solid;
+    font-size: larger;
+  }
+  #Recipe-List {
+    column-count: 2;
   }
 </style>
diff --git a/src/layouts/Recipe-Layout.astro b/src/layouts/Recipe-Layout.astro
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -23,8 +23,7 @@ const links = await getRecipeLinks();
 <Layout title="David's Recipes">
   <main>
     <header><h1>David's Recipes</h1></header>
-    <p>My collection of recipes. Still a work in progress.</p>
-    <ul>
+    <ul id="Recipe-List">
         {links.map(link => (
           <li><a href={link.href}>{link.title}</a></li>
         ))}

diff --git a/src/pages/recipes/Bread.astro b/src/pages/recipes/Bread.astro
@@ -1,5 +1,5 @@
 ---
-import Layout from "../../layouts/Recipe-Layout.astro";
+import Layout from "../../layouts/Layout.astro";
 ---
 
 <Layout title="Bread">
@@ -8,7 +8,7 @@ import Layout from "../../layouts/Recipe-Layout.astro";
       <h1>Bread</h1>
     </header>
     <p>
-      Basic bread recipe good for sandwiches and dipping into soups and sauces.
+      Basic bread recipe, good for sandwiches and dipping into soups and sauces.
     </p>
     <ul>
       <li>Preparation Time: 7 -27 hours</li>
@@ -65,7 +65,7 @@ import Layout from "../../layouts/Recipe-Layout.astro";
     </ol>
     <h3>Notes</h3>
     <p>
-      Adapted from: https://www.brianlagerstrom.com/recipes/1-dough-3-loaves-2
+      Adapted from: <a href =https://www.brianlagerstrom.com/recipes/1-dough-3-loaves-2>Brian Langerstrom</a>
     </p>
   </main>
 </Layout>
diff --git a/src/pages/recipes/Curry.astro b/src/pages/recipes/Curry.astro
diff --git a/src/pages/recipes/Gnocchi.astro b/src/pages/recipes/Gnocchi.astro
diff --git a/src/pages/recipes/Pancakes.astro b/src/pages/recipes/Pancakes.astro