Skip to content

Commit

Permalink
image formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@markwkidd
markwkidd committed Dec 8, 2024
1 parent 5db654a commit 707fe89
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 20 deletions.
32 changes: 20 additions & 12 deletions _sass/custom/custom.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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 {
Expand Down
20 changes: 12 additions & 8 deletions guides/cucurbita/argyrosperma/recipes/roasted-cushaw-puree.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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)." %}
<hr>

{% 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." %}
<hr>

{% 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"}

0 comments on commit 707fe89

Please sign in to comment.