[cookbook] Add cookbook

1 files changed, 74 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 52d19af..55b9080 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -356,6 +356,19 @@ body > footer > div > p {
     overflow: auto; /* Not specific to overline. */
 }
 
+div.about-current-focus table {
+  text-align: left;
+}
+
+table.about-elsewhere {
+    width: 0;
+}
+
+table.about-elsewhere img {
+    max-height: 16px;
+    margin: 4px 0px;
+}
+
 /* Tables. */
 
 table {
@@ -426,6 +439,7 @@ tr:nth-child(even) {
 
 .portrait {
     max-width: 30%;
+    padding-left: 1em;
     float: right;
 }
 
@@ -555,3 +569,63 @@ fieldset {
 #rsvp-input input {
     margin: 0px 16px;
 }
+
+.food-diary img {
+    width: 8em;
+}
+
+.cookbook-image-gallery {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    grid-gap: 15px;
+}
+
+.cookbook-image-gallery img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.cookbook-entry {
+    display: grid;
+    grid-template-columns: 20% 80%;
+}
+.cookbook-entry-container .cookbook-entry { border: solid 1px; border-bottom: 0; padding: 8px; }
+.cookbook-entry-container .cookbook-entry:last-child  { border-bottom: solid 1px; }
+
+.cookbook-entry div {
+    margin: 8px;
+}
+
+.cookbook-entry img {
+    max-width: 100%;
+}
+
+span.cookbook-tag {
+    border: 1px solid black;
+    border-radius: 4px;
+    padding: 1px 4px;
+    background-color: orange;
+    margin: 2px;
+    display: inline-block;
+}
+
+span.cookbook-tag-difficulty-trivial           { background-color: lightgreen; }
+span.cookbook-tag-difficulty-trivial:before    { content: "Difficulty: Trivial"; }
+span.cookbook-tag-difficulty-easy              { background-color: green; color: white; }
+span.cookbook-tag-difficulty-easy:before       { content: "Difficulty: Easy"; }
+span.cookbook-tag-difficulty-medium            { background-color: yellow; }
+span.cookbook-tag-difficulty-medium:before     { content: "Difficulty: Medium"; }
+span.cookbook-tag-cuisine-american:before      { content: "Cuisine: 🇺🇸 American"; }
+span.cookbook-tag-cuisine-texmex:before        { content: "Cuisine: 🤠 Tex-Mex"; }
+span.cookbook-tag-flavor-profile-savory:before { content: "Flavor Profile: 🧂 Savory"; }
+span.cookbook-tag-dish-type-sauce:before       { content: "Type: 🥫 Sauce"; }
+span.cookbook-tag-dish-type-soup:before        { content: "Type: 🥣 Soup"; }
+span.cookbook-tag-dish-type-meat:before        { content: "Type: 🍖 Meat"; }
+span.cookbook-tag-dish-type-main:before        { content: "Type: 🍽️ Main Course"; }
+span.cookbook-tag-dish-type-side:before        { content: "Type: 🍴 Side Dish"; }
+span.cookbook-tag-dish-type-baked-good:before  { content: "Type: 🍞 Baked Good"; }
+
+div.figure img {
+    max-width: 80%;
+}