Home cooking section (#28)

tyler-romero · Jan 9, 2025 · 90e068f · 90e068f
1 parent e59c013
commit 90e068f
Show file tree

Hide file tree

Showing 11 changed files with 159 additions and 172 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -55,7 +55,7 @@ export default function (eleventyConfig) {
     type: "atom",
     outputPath: "/feed.xml",
     collection: {
-      name: "post",
+      name: "post", // Only posts, not recipes
       limit: 10, // 0 for no limit
     },
     metadata: {

diff --git a/src/_layouts/recipes.njk b/src/_layouts/recipes.njk
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        {% include "head.njk" %}
+        <script type="application/ld+json">
+            {
+            "@context": "https://schema.org",
+            "@type": "BlogPosting",
+            "headline": "{{ title }}",
+            "description": "{{ subtitle or site.subtitle }}",
+            "author": {
+                "@type": "Person",
+                "name": "{{ site.authorName }}",
+                "url": "{{ site.url }}"
+            },
+            "datePublished": "{{ page.date.toISOString() }}",
+            "dateModified": "{{ page.inputPath | lastModifiedDate }}",
+            "url": "{{ site.url }}{{ page.url }}",
+            "mainEntityOfPage": {
+                "@type": "WebPage",
+                "@id": "{{ site.url }}{{ page.url }}"
+            },
+            "image": "{{ site.url }}{{ featured_image }}",
+            "keywords": "{{ tags | join(', ') }}",
+            "wordCount": "{{ content | wordCount }}",
+            "articleBody": "{{ content | replace('<p>', '') | replace('</p>', ' ') | striptags | truncate(500) | escape }}"
+            }
+        </script>
+    </head>
+    <header>
+        <nav class="topbar">
+            <div class="right-aligned-links">
+                <a href="/"
+                   class="no-tufte-underline"
+                   style="color: #246eb9;
+                          margin-right: 3%">Tyler Romero</a>
+                <a href="/home-cooking" class="no-tufte-underline">Home Cooking</a>
+            </div>
+        </nav>
+    </header>
+    <body>
+        <article>
+            <h1>{{ title | markdownInline | safe }}</h1>
+            {% if subtitle %}<p class="subtitle">{{ subtitle | markdownInline | safe }}</p>{% endif %}
+            {% if date %}<p class="date">{{ date | postDate }}</p>{% endif %}
+            {{ content | safe }}
+        </article>
+        <footer>
+            {% include "footer.njk" %}
+        </footer>
+    </body>
+</html>
diff --git a/src/assets/img/chef-pic.jpeg b/src/assets/img/chef-pic.jpeg
diff --git a/src/assets/img/enchanted-broccoli-forest.jpg b/src/assets/img/enchanted-broccoli-forest.jpg
diff --git a/src/assets/img/pearled-couscous.jpg b/src/assets/img/pearled-couscous.jpg
diff --git a/src/home-cooking/index.njk b/src/home-cooking/index.njk
@@ -0,0 +1,33 @@
+---
+layout: frontpage.njk
+tags: ["home-cooking"]
+---
+<section>
+    <h1>Home Cooking</h1>
+    <p>
+        <span class="marginnote">
+            <img src="/assets/img/chef-pic.jpeg"
+                 alt="me"
+                 class="profile-picture"
+                 style="max-width: 749px;
+                        height: auto" />
+        </span>
+        I love cooking despite being a very middle of the road home cook. I find it to be relaxing and I like that I get to actually make something in the physical world.
+        I keep an old-school recipe box filled with note cards of recipes that I enjoyed making and that turned out well. So I thought
+        a good way to start this page would be to describe<label for="sd-recipe-box" class="margin-toggle sidenote-number"></label>
+        <input type="checkbox" id="sd-recipe-box" class="margin-toggle" />
+        <span class="sidenote">With attribution provided as appropriate.</span> those recipes here the next time I decide to make them.
+    </p>
+</section>
+<section>
+    <h2 id="posts">Recipe Box</h2>
+    <ul>
+        {% for p in collections.recipe | reverse %}
+            <li>
+                <a href="{{ p.url }}">{{ p.data.title }}</a>
+                &nbsp
+                <small>- {{ p.data.blurb }}</small>
+            </li>
+        {% endfor %}
+    </ul>
+</section>
diff --git a/src/home-cooking/recipes/pearled-couscous-with-shallots-and-parsley.md b/src/home-cooking/recipes/pearled-couscous-with-shallots-and-parsley.md
@@ -0,0 +1,30 @@
+---
+title: Pearled Couscous with Shallots and Parsley
+subtitle: A really good North African side that goes well with other Mediterranean dishes.
+blurb: slightly modified from a Trader Joe's box.
+tags: ["recipe", "couscous", "lemon", "shallots", "mediterranian"]
+---
+
+*Makes 2 to 3 portions*
+
+[^box]
+
+2 tbsp. butter<br>
+1/2 cup shallots, finely chopped<br>
+
+1 1/2 cup pearled couscous<br>
+1/2 large cinnamon stick<br>
+1 bay leaf<br>
+1 3/4 cups chicken broth<br>
+1/2 tsp. salt<br>
+
+1/4 cup parsley, minced<br>
+zest of 1/2 lemon
+
+## Steps
+1. Melt remaining 2 tablespoons butter in the same pan over medium heat. Add shallots and saute until golden.
+2. Add couscous, cinnamon, and bay leaf and stir often until couscous browns slightly.
+3. Add chicken broth and salt and bring to a boil. Reduce heat to low, cover and simmer until liquid is absorbed and couscous is tender.
+4. Remove from heat and stir in parsley and lemon zest. Season with black pepper to taste.
+
+[^box]: {-} Lightly modified from the back of a Trader Joe's box. ![Picture of the original recipes on the back of a TJs box](/assets/img/pearled-couscous.jpg)
diff --git a/src/home-cooking/recipes/pesto.md b/src/home-cooking/recipes/pesto.md
@@ -0,0 +1,29 @@
+---
+title: Family Pesto Recipe
+subtitle: My favorite food while growing up. I tend to find store-bought pestos to be too oily or garlicky.
+blurb: simple homemade basil pesto recipe.
+tags: ["recipe", "pesto", "basil", "pasta", "sauce"]
+---
+
+*Makes 2 1/2 to 3 cups*
+
+3 packed cups fresh basil leaves<br>
+2-3 large cloves garlic<br>
+1/2 cups walnuts[^pine-nuts]<br>
+1/2 cups olive oil<br>
+3/4 cups Parmesan cheese[^parm]<br>
+1/2 packed cups fresh parsley (optional)<br>
+1/4 - 1/2 tsp. salt (to taste)<br>
+Black pepper<br>
+
+[^pine-nuts]: Pesto is traditionally made with pine nuts, but I prefer the earthier flavor of walnuts. Plus walnuts are less expensive.
+
+## Steps
+1. Use a food processor to puree everything together. Its easiest to fit it all by starting with the Basil and olive oil, then adding everything else.
+
+---
+Can be stored for a few days in the fridge or almost indefinitely in a freezer (Thaw in a microwave on a low power setting).
+
+This recipe is modified from the pesto recipe in [The Enchanted Broccoli Forest](https://www.molliekatzen.com/books_enchanted_broccoli.php).
+
+[^parm]: The foodies in my life disagree but I am perfectly happy with the green bottle of Kraft Parmesan cheese.
diff --git a/src/home-cooking/recipes/recipes.json b/src/home-cooking/recipes/recipes.json
@@ -0,0 +1,3 @@
+{
+    "layout": "recipes"
+}
diff --git a/src/index.njk b/src/index.njk
@@ -88,6 +88,17 @@ tags: ["ML", "Research", "Blog", "LLMs"]
         </li>
     </ul>
 </section>
+<section>
+    <h2 id="fun">Fun</h2>
+    <ul>
+        <li>
+            <a href="/home-cooking">Home Cooking</a>
+            <p style="margin-top: 0;">
+                <small>I'm a very average home cook but I really enjoy the act of cooking.</small>
+            </p>
+        </li>
+    </ul>
+</section>
 <section>
     <h2 id="website">Website</h2>
     <p>

diff --git a/src/posts/features.md b/src/posts/features.md