summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDustin Walker <>2023-02-24 23:11:17 -0500
committerDustin Walker <>2023-02-24 23:11:17 -0500
commit63de0999d860f76869e3467e6fde17f3fcb4654c (patch)
tree2cd4b65eb1904a1b8e0925e4c01c33f5471b6dca
parent59832735e3dcd3b01321aba170e4a9d8816facee (diff)
Production page
-rw-r--r--index.html1
-rw-r--r--production.html89
-rw-r--r--style.css23
3 files changed, 112 insertions, 1 deletions
diff --git a/index.html b/index.html
index 920faac..f4b74c3 100644
--- a/index.html
+++ b/index.html
@@ -30,6 +30,7 @@
<li><a href="https://git.dwalker.xyz">Code</a></li>
<li><a href="books.html">Reading List</a></li>
<li><a href="downloads.html">Downloads</a></li>
+ <li><a href="production.html">Production</a></li>
<li><a href="recipes.html">Recipes</a></li>
<li><a href="reference.html">Reference</a></li>
</ul>
diff --git a/production.html b/production.html
new file mode 100644
index 0000000..faed59a
--- /dev/null
+++ b/production.html
@@ -0,0 +1,89 @@
+<!DOCTYPE HTML>
+<html lang="en">
+
+ <head>
+ <title>Dustin Walker's Production Sheets</title>
+ <meta charset="utf-8"/>
+ <meta name="viewport" content="width=device-width, initial-scale=1"/>
+ <link rel="stylesheet" type="text/css" href="style.css"/>
+ <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
+ </head>
+ <body>
+ <main>
+ <div class="row">
+ <div class="column">
+ <img class="icon" src="img/HPR.png" alt="Heilich Pennsylfaanisch Reich" title="Heilich Pennsylfaanisch Reich"/>
+ </div>
+ <div class="column">
+ <h1>Production</h1>
+ <p>This index lists different production sheets for posterity.</p>
+ </div>
+ </div>
+
+ <hr/>
+
+ <div class="row">
+ <div class="column">
+ <h2>Garden Production</h2>
+ <hr/>
+ <table><tbody>
+ <tr><td>Husk Tomatoes</td><td><i class="y">Online</i></td></tr>
+ <tr><td>JalapeƱos</td><td><i class="y">Online</i></td></tr>
+ <tr><td>Potatoes</td><td><i class="y">Online</i></td></tr>
+ <tr><td>Sorghum</td><td><i class="p">In Progress</i></td></tr>
+ <tr><td>Sunflowers</td><td><i class="p">In Progress</i></td></tr>
+ <tr><td>Tomatoes</td><td><i class="y">Online</i></td></tr>
+ </tbody></table>
+ </div>
+ <div class="column">
+ <h2>Orchard Production</h2>
+ <hr/>
+ <table><tbody>
+ <tr><td>Apples</td><td><i class="n">Offline</i></td></tr>
+ <tr><td>Blueberries</td><td><i class="n">Offline</i></td></tr>
+ <tr><td>Blackcurrants</td><td><i class="p">In Progress</i></td></tr>
+ <tr><td>Elderberries</td><td><i class="n">Offline</i></td></tr>
+ <tr><td>Hazelnuts</td><td><i class="n">Offline</i></td></tr>
+ <tr><td>Walnuts</td><td><i class="n">Offline</i></td></tr>
+ </tbody></table>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="column">
+ <h2>Animal Production</h2>
+ <hr/>
+ <table><tbody>
+ <tr><td>Beef</td><td><i class="n">Offline</i></td></tr>
+ <tr><td>Chicken</td><td><i class="n">Offline</i></td></tr>
+ <tr><td>Eggs</td><td><i class="p">In Progress</i></td></tr>
+ <tr><td>Rabbits</td><td><i class="n">Offline</i></td></tr>
+ </tbody></table>
+ </div>
+ <div class="column">
+ <h2>Kitchen Production</h2>
+ <hr/>
+ <table><tbody>
+ <tr><td>Pickling</td><td><i class="p">In Progress</i></td></tr>
+ <tr><td>Rainwater</td><td><i class="n">Offline</i></td></tr>
+ <tr><td>Sourdough</td><td><i class="y">Online</i></td></tr>
+ <tr><td>Vinegar</td><td><i class="n">Offline</i></td></tr>
+ </tbody></table>
+ </div>
+ </div>
+
+ <hr/>
+
+ <div class="row">
+ <h2>Historical Production Sheets</h2>
+ <hr/>
+ <a href="production/prod_2023.html">2023</a>
+ </div>
+
+ <footer>
+ <a href="index.html">Home</a>
+ </footer>
+ </main>
+ </body>
+
+</html>
diff --git a/style.css b/style.css
index 44ef6c8..8344e64 100644
--- a/style.css
+++ b/style.css
@@ -33,12 +33,24 @@ p, h1, h2, h3, h4 {
color: #dedede;
}
+i.n {
+ color: #9b2b0f ;
+}
+
+i.p {
+ color: #ab9b0d ;
+}
+
+i.y {
+ color: #05711a ;
+}
+
h1, h2, h3 {
text-align: center;
}
hr {
- border-top: 1px dotted #dedede;
+ border-top: 1px dotted #dedede;
}
li {
@@ -47,6 +59,15 @@ li {
vertical-align: middle;
}
+td {
+ color: #dedede;
+ padding: 0 15px;
+}
+
+table {
+ margin: auto;
+}
+
a {
color: #6767de;
}