From 707fe890cd234f553102223a5c94daabbff3ec15 Mon Sep 17 00:00:00 2001 From: "Mark W. Kidd" Date: Sun, 8 Dec 2024 18:15:47 -0500 Subject: [PATCH] image formatting --- _sass/custom/custom.scss | 32 ++++++++++++------- .../recipes/roasted-cushaw-puree.md | 20 +++++++----- 2 files changed, 32 insertions(+), 20 deletions(-) diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss index 5b722b5..0250395 100644 --- a/_sass/custom/custom.scss +++ b/_sass/custom/custom.scss @@ -84,6 +84,10 @@ h1 { font-weight: 400; } +h1, h2 { + clear: right; // keeps border line from overlapping floating images +} + h2, h3, h4, h5, h6 { color: $purple-300; @@ -106,19 +110,23 @@ footer { float: right; width: calc(33% - 1rem); margin: 0.5rem 0 0.5rem 1rem; - } +} + +.main-content { + + figure { + padding: 0.2rem 0.2rem; + background-color: $adaptation-tan; + border-radius: $border-radius; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08); + + figcaption { + font-size: 0.9rem; + margin-top: 0.2rem; + line-height: 0.9; + } + } -.main-content figure { - background-color: $adaptation-tan; - padding: 0.2rem 0.2rem; - border-radius: $border-radius; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08); - - figcaption { - font-size: 0.9rem; - margin-top: 0.2rem; - line-height: 0.9; - } } blockquote, p.note, p.warning, p.important, p.idea { diff --git a/guides/cucurbita/argyrosperma/recipes/roasted-cushaw-puree.md b/guides/cucurbita/argyrosperma/recipes/roasted-cushaw-puree.md index 8c1b341..5a4d8a6 100644 --- a/guides/cucurbita/argyrosperma/recipes/roasted-cushaw-puree.md +++ b/guides/cucurbita/argyrosperma/recipes/roasted-cushaw-puree.md @@ -61,18 +61,22 @@ Because the rind of a hard shell squash fruit does not soften with roasting, be ## Image gallery -{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/cut-cushaw-neck-thumbnail.jpg" alt="The cut neck of a large cushaw squash fruit" caption="The dense flesh of the neck is generally processed separately from the flesh around the seed cavity" %} +{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/cut-cushaw-neck-thumbnail.jpg" alt="The cut neck of a large cushaw squash fruit" caption="The dense flesh of the neck is generally processed separately from the flesh around the seed cavity" %}{:class="float-right-third"} -{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/cushaw-pumpkin-pieces-thumbnail.jpg" alt="The cut neck of a large cushaw squash fruit" caption="The dense flesh of the neck is generally processed separately from the flesh around the seed cavity" %} +{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/cushaw-pumpkin-pieces-thumbnail.jpg" alt="The cut neck of a large cushaw squash fruit" caption="The dense flesh of the neck is generally processed separately from the flesh around the seed cavity" %}{:class="float-right-third"} -{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/cutting-hardshell-cushaw-thumbnail.jpg" alt="Squash with hard shells are difficult to cut" caption="Cutting the flesh of a hardshell fruit starting from the inside allows the cook to use their hands to split the pieces if the knife doesn't completely separate the rind" %} +{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/cutting-hardshell-cushaw-thumbnail.jpg" alt="Squash with hard shells are difficult to cut" caption="Cutting the flesh of a hardshell fruit starting from the inside allows the cook to use their hands to split the pieces if the knife doesn't completely separate the rind" %}{:class="float-right-third"} -{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/cut-fruit-with-seeds-350w.jpg" alt="Saved seeds in a colander" caption="If the fruit is of good quality, consider [saving the seeds](https://goingtoseed.org/pages/processing-squash-seeds)." %} +
-{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/pre-roasting-cushaw-tray-thumbnail.jpg" alt="Pieces of cut squash, coated in oil and salt, laid with the inside down on aluminum foil or parchment paper" caption="Place the fruit pieces with the inside down on paper or aluminum foil plus a light coating of oil and salt" %} +{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/cut-fruit-with-seeds-350w.jpg" alt="Saved seeds in a colander" caption="If the fruit is of good quality, consider [saving the seeds](https://goingtoseed.org/pages/processing-squash-seeds)." %}{:class="float-right-third"} -{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/roasted-cushaw-tray-thumbnail.jpg" alt="Roasted cushaw pieces after approximately an hour roasting in the oven." caption="These cushaw pieces are finished roasting." %} +{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/pre-roasting-cushaw-tray-thumbnail.jpg" alt="Pieces of cut squash, coated in oil and salt, laid with the inside down on aluminum foil or parchment paper" caption="Place the fruit pieces with the inside down on paper or aluminum foil plus a light coating of oil and salt" %}{:class="float-right-third"} -{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/scooping-cushaw-puree-thumbnail.jpg" alt="Scooping roasted cushaw into bowl" caption="A large spoon, or in this case an ice cream scoop, can be used to separate the cooked flesh." %} +{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/roasted-cushaw-tray-thumbnail.jpg" alt="Roasted cushaw pieces after approximately an hour roasting in the oven." caption="These cushaw pieces are finished roasting." %}{:class="float-right-third"} -{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/cushaw-puree-in-freezer-bag-thumbnail.jpg" alt="Finished cushaw puree in a labelled freezer bag" caption="Surplus puree can be frozen for later use." %} +
+ +{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/scooping-cushaw-puree-thumbnail.jpg" alt="Scooping roasted cushaw into bowl" caption="A large spoon, or in this case an ice cream scoop, can be used to separate the cooked flesh." %}{:class="float-right-third"} + +{% include caption_image.html url="/assets/images/cucurbita/argyrosperma/recipes/roasted-cushaw-puree/cushaw-puree-in-freezer-bag-thumbnail.jpg" alt="Finished cushaw puree in a labelled freezer bag" caption="Surplus puree can be frozen for later use." %}{:class="float-right-third"}