Skip to content

Commit

Permalink
added a "jump to recipe" button to all recipes
Browse files Browse the repository at this point in the history
  • Loading branch information
dhonus committed Jan 14, 2024
1 parent 7268819 commit 54eaa27
Show file tree
Hide file tree
Showing 34 changed files with 50 additions and 34 deletions.
2 changes: 1 addition & 1 deletion archetypes/default.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: []



<div class="recipe">
<div class="recipe" id="recipe">
Prep time: X minutes

Cooking time: X minutes
Expand Down
13 changes: 13 additions & 0 deletions assets/style.sass
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ html
background: #212020
font-family: 'Cabin', sans-serif
font-family: 'Playfair Display'
scroll-behavior: smooth
body
margin: .8rem
padding: 0
Expand Down Expand Up @@ -302,6 +303,18 @@ article.content
display: flex
align-items: center
padding: 0 .5rem
button.jump-to-recipe
background: #e6dfcd
color: #2a2926
border-radius: 5px
font-weight: 600
height: 2rem
padding: 0 .5rem
border: none
cursor: pointer
&:hover
background: #819e75
color: white
p
img
width: 70%
Expand Down
2 changes: 1 addition & 1 deletion content/posts/oatmeal/berry/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ In this oatmeal the blueberries are cooked for a bit, and then they are added at
out a lot with the goopy texture of the oatmeal. Good balance, also the strawberries lift it up a bit.
Topped with some shredded coconut and maple syrup.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 4 minutes

Cooking time: 2 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/oatmeal/kiwi/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: ["Oatmeal"]

This is an unusual flavor combination. Kiwi is actually a very decent oatmeal topping, as any fruit. I think the sourness is quite important to balance out the texture of the oatmeal. Almond milk is one of the better ones for oatmeal.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 4 minutes

Cooking time: 2 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/bolognese/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Today I have for you a red lentil bolognese sauce. It is my own approximation of
because they have more of a subtle flavor, and they cook really quickly. In this recipe I had used bucatini, but any long pasta
such as spaghettoni or spahgetti will do. You could top it with some vegan parmesan if you like.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 25 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/broccoli-soup/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ I love broccoli, but sometimes it is left around for a bit longer than ideal and

Therefore, the best thing to do to it is blend it up! This recipe is for a simple soup made of broccoli and coconut milk.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 3 minutes

Cooking time: 10 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/brownies/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ I am always in a mood for brownies! I had to tweak a bunch of recipes to get the
They are very chocolatey, the espresso is mandatory. It is a good idea to use high quality chocolate, because it is dispersed throughout the batter. You may also use chocolate chips. Additionally, you can add some nuts into the batter.
I also added a bit of coconut oil to the mix, which I think makes them smell nicer.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 10 minutes

Cooking time: 30 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/buckwheat-squash-soup/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Winter is the ideal season for soup. Full of squash and buckwheat, this is quite

Feel free to alter the greens here, kale or spinach would work well too.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 30 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/cauliflower-curry/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ categories: ["Savory"]
I make this recipe quite regularly. It's a great way to use up leftover cauliflower, and it's also very filling. I usually make a big batch and eat it for lunch for a few days.
You can experiment with different spices and vegetables. I've tried it with carrots in place of the sweet potato and it was also very good.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 15 minutes

Cooking time: 1 hour
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/cherry-tomato-pasta/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: ["Savory"]

Very simple recipe today for some pasta that looks blander than it was. Sometimes, though, you just want to eat something that is not too complicated and that you can make in 30 minutes. This is one of those recipes. I grew the chard myself, so i was very happy to be able to use it in a recipe.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 25 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/chili/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ many years, and I am very proud of it.

It is a great dish to make in bulk and freeze for later. It keeps in the fridge for about 5 days max.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 15 minutes

Cooking time: 1 hour
Expand Down
4 changes: 2 additions & 2 deletions content/posts/savory/farfalle-soup/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: ["Savory"]

Pasta in soup will always be a favorite of mine. Especially if I have any leftovers. This recipe is for a kind of lasagna-like soup using a lot of tomatoes, cashew ricotta and farfalle pasta.

<div class="recipe">
<div class="recipe" id="recipe">
<h3 class="title">Farfalle soup</h3>

Prep time: 15 minutes
Expand Down Expand Up @@ -40,7 +40,7 @@ Cooking time: 45 minutes

</div>

<div class="recipe">
<div class="recipe" id="recipe">
<h3 class="title">Cashew ricotta</h3>

Prep time: 5 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/filling-pasta/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ categories: ["Savory"]
Not sure how to describe this recipe. I usually make this because of how incredibly filling it is. It's also very
simple to make. Italians look away!

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 5 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/green-soup/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Don't throw away the broccoli stem! It's perfectly edible and tastes great in th

Don't cook the spinach for too long, it will lose its color and taste. Just add it at the end and cook until wilted.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 20 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/hearthy-soup/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ Today I have for you an absolutely delicous soup made from all the beautiful ora
If you want to make it a bit more special, you can add half an orange and a piece of the peel. This will give it a bit more of a citrusy flavor. I have tried it both ways and I like them both.


<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 15 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/lentil-dhal/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ Don't be afraid to add in local vegetables that you have on hand. In this recipe
used some zucchini, sweet potato and a tomato.


<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 10 minutes

Cooking time: 20 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/oyster-mushroom-risotto/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ Really make sure to use a good quality stock. Today I cheated and used a vegetab
Also, the finer you chop the onion and garlic, the better. You want them to essentially melt into the rice. I take my time and chop them very finely.


<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 30 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/pea-soup/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: ["Savory"]

This very simple pea soup is everything you need after a long day in the coldness of this world. It tastes fresh, which is an achievement considering it is made from frozen peas!

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 10 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/potato-dumplings/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Therefore, these use some protein powder with spices as filling. It is inspired

In this recipe I cheated and used premade potato dumpling flour. You can make them yourself, they are actually quite simple to make. I thought it would take too much time.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 15 minutes

Cooking time: 60 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/puff-pastry-snails/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: ["Savory"]

Kicking off the new year with a very fitting recipe for puff pastry snails. These are a great snack to serve at a party. They tasted like lasagna, so take that as you will :).

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 10 minutes

Cooking time: 20 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/red-lentil-curry/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ I find myself in a bit of a curry rush lately, especially with the weather turni

Here today is a *very* simple curry recipe even the most frostbitten of us can cook up in a heartbeat.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 45 minutes
Expand Down
4 changes: 2 additions & 2 deletions content/posts/savory/rice-paper-dumplings/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: ["Savory"]

This recipe is brought to you by: The long shelf life of rice paper; Made by finally using up my old pack of partially shattered rice paper. Tasty rice paper dumplings, filled with a simple tofu & cabbage filling.

Now I have picked up on the frowns of any Asian foodie, rice paper dumplings are somewhat of a sacrilege. But they taste nice and I think that's all that counts :)
Now, I have picked up on the frowns of any Asian foodie, rice paper dumplings are somewhat of a sacrilege. But they taste nice and I think that's all that counts :)

Here is the shot of the filling, make sure to not overfill the dumplings, or they will break. Also, you want to chop the cabbage as finely as you can. These cook very quickly and you don't want raw cabbage!

Expand All @@ -22,7 +22,7 @@ Here's a quick video on how to wrap these. You don't have to double wrap, but th
Your browser does not support the video tag.
</video>

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 20 minutes

Cooking time: 15 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/ricenoodle-tofu/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ categories: ["Savory"]
For a cooking site calling itself after tofu, I sure rarely add any tofu recipes!
Today we are changing that with a pretty simple recipe for fried tofu with rice noodles.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 15 minutes

Cooking time: 1 hour
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/strips-veggie-rice-bown/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: ["Savory"]

This simple dish makes use of some premade vegan soy/seitan strips. They are quite inexpensive and when mixed with a few different veggies, they can taste quite good!

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 3 minutes

Cooking time: 10 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/savory/tofu-scramble/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ Tofu is cheap has a lot of protein and is usually enriched with calcium.
I usually make mine with curry spice, but as any simple dish like this you can
use whatever you have on hand.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 5 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/sweet/apple muffins/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ aroma of fresh baked goods.

And for an added touch, you can garnish each muffin with your favorite berry on top.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 15 minutes

Cooking time: 20 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/sweet/bundt cake/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ In my inevitable descent into becoming a housewife I have turned to the humble m
<span class="caption">Final result - Marble effect</span>
</div>

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 15 minutes

Cooking time: 45 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/sweet/chocolate-muffins/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Another muffin recipe? No complaining, these are delicious! Similar to the apple
a bit more on the sweet side. This recipe has apple sauce in it, which makes it a bit more moist
and gives us an excuse not to put in as much sugar.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 10 minutes

Cooking time: 20 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/sweet/christmas-truffles/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ They keep well in the fridge for a few weeks.
<span class="caption">Christmas balls</span>
</div>

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 10 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/sweet/cinnamon-rolls/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ We have made it on Valentine's Day according to the recipe, however a sugar redu
I have eaten these for breakfast, lunch and dinner, and they are just so good 😭... I hope you enjoy them as much as we did!


<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 45 minutes

Cooking time: 30 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/sweet/cookies/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Continuing on my little sweet baking spree, I could never get cookies to taste n

It is important not to overbake them as they will become very dry and hard (I sadly know this from experience, my cookies used to be real tooth breakers).

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 10 minutes

Cooking time: 20 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/sweet/pancakes/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ categories: ["🍬Sweet"]

This is a sister recipe to my [waffles](/posts/sweet/waffles/). It's your shortest path to delicious pancakes, made from a pretty versatile batter. It's a great way to use up leftover bananas and an even better way to start your day.

<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 10 minutes
Expand Down
2 changes: 1 addition & 1 deletion content/posts/sweet/waffles/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ The milk may be substituted for water in dire need.



<div class="recipe">
<div class="recipe" id="recipe">
Prep time: 5 minutes

Cooking time: 10 minutes
Expand Down
3 changes: 3 additions & 0 deletions themes/bean/layouts/_default/single.html
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,9 @@ <h1>{{ strings.Title .Title }}</h1>
</p>
</span>
<p class="dark-gray-text" id="wordcount"> {{ .WordCount }} Words - reading time: {{ math.Round (div (countwords .Content) 180.0) }} minutes. </p>
<a href="#recipe">
<button class="jump-to-recipe">Jump to recipe</button>
</a>
</section>
</div>
<span class="main-content">
Expand Down

0 comments on commit 54eaa27

Please sign in to comment.