From b500f6b53cbd4e6f3b315706491578b8dc4fceb9 Mon Sep 17 00:00:00 2001 From: Joshua Seigler <2583159+seigler@users.noreply.github.com> Date: Wed, 20 Nov 2024 11:13:25 -0800 Subject: [PATCH] update corn casserole recipe --- assets/site.css | 57 +++++++++++++++++++++++++++------- site/_includes/-header.njk | 4 +-- site/recipes/corn-casserole.md | 17 +++++----- 3 files changed, 55 insertions(+), 23 deletions(-) diff --git a/assets/site.css b/assets/site.css index 9f960e5..3ae83ce 100644 --- a/assets/site.css +++ b/assets/site.css @@ -200,18 +200,17 @@ body > header { padding: 0 var(--inset) 0.5rem; border-radius: 0.5rem 0.5rem 0 0; margin-bottom: 0.5rem; - nav { - display: flex; - flex-direction: row; - align-items: baseline; - flex-wrap: wrap; - padding-top: 0.5rem; - gap: 1ch; - aside { - margin-left: auto; - font-size: var(--s-1); - } - } +} +body > header > nav { + display: flex; + flex-direction: row; + align-items: baseline; + flex-wrap: wrap; + gap: 1ch; +} +.nav-languages { + margin-left: auto; + font-size: var(--s-1); } @media print { :root { @@ -260,8 +259,42 @@ body > footer { flex-direction: row; flex-wrap: wrap; gap: 1ch; + + position: relative; + z-index: 1; + background-color: var(--c-accent); + color: var(--c-text-light); + padding: 0 1ch 0.25rem; + border-radius: 0 0 0.5rem 0.5rem; + &::before { + content: ""; + z-index: -1; + position: absolute; + height: calc(1rem - 1px); + width: 1rem; + margin: -0.5rem 0 0 -0.5rem; + border-top-left-radius: 1rem; + top: 0; + border: 0.5rem solid var(--c-accent); + left: 100%; + border-width: 0.5rem 0 0 0.5rem; + } + &::after { + content: ""; + z-index: -1; + position: absolute; + height: calc(1rem - 1px); + width: 1rem; + margin: -0.5rem -0.5rem 0 0; + border-top-right-radius: 1rem; + top: 0; + border: 0.5rem solid var(--c-accent); + right: 100%; + border-width: 0.5rem 0.5rem 0 0; + } } + label { cursor: pointer; text-decoration-line: underline; diff --git a/site/_includes/-header.njk b/site/_includes/-header.njk index 627e55b..5ca4c5f 100644 --- a/site/_includes/-header.njk +++ b/site/_includes/-header.njk @@ -7,7 +7,7 @@ /recipes /music - +

{{ tag | capitalize if tag else title }}

diff --git a/site/recipes/corn-casserole.md b/site/recipes/corn-casserole.md index e71c1ec..b8dada1 100644 --- a/site/recipes/corn-casserole.md +++ b/site/recipes/corn-casserole.md @@ -5,19 +5,18 @@ description: An easy sweet cornbread casserole with a vegan variation ## Ingredients -- 2 cans of corn, drained -- 2 cans of creamed corn -- 2 cups sour cream -- 2 stick melted butter (1 cup) -- 16 oz cornbread mix +- 1 stick melted butter 1/2 cup +- 1 box of Jiffy Corn Muffin mix +- 1 cup sour cream +- 1 can of creamed corn +- 1 can of corn drained ## Instructions 1. Preheat the oven to 350 degrees. -1. In a bowl, mix all of the ingredients together, adding the corn last. -1. Pour into an 9"x13" baking pan. -1. Cook uncovered for 45-50 minutes or until lightly browned. +2. In a bowl, mix all of the ingredients together in order, then pour into a greased 8"x8" baking pan. +3. Cook uncovered for 45-50 minutes or until lightly browned. ## Notes -Vegan substitutions: almond milk instead of sour cream, vegetable butter or neutral oil instead of butter. Made this way, the result will be less bready but still excellent. Extend cooking time slightly. +Vegan substitutions: almond milk instead of sour cream, vegetable butter or neutral oil instead of butter. Made this way, the result will be less bready but still excellent. Increase cooking time slightly.