Added usage guide.
This commit is contained in:
parent
e6fa7fcbf4
commit
030f8e147d
|
|
@ -45,10 +45,51 @@
|
|||
<RouterLink to="/contact" class="link-local">feel free to ask.</RouterLink>
|
||||
</p>
|
||||
<img src="@/assets/images/herb-guide.jpg"/>
|
||||
|
||||
<section>
|
||||
<h2>Basic Herb Usage Guide</h2>
|
||||
<p>
|
||||
Since it might be helpful, here's a brief guide on where you
|
||||
might want to use the herbs growing in the garden:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<strong><u>Mint and Chamomile</u></strong> can be used in various
|
||||
cocktails, or sparingly in baked goods, or added to tea.
|
||||
</li>
|
||||
<li>
|
||||
<strong><u>Chives</u></strong> add a splash of green, and a fresh
|
||||
allium flavor, and can be chopped finely to garnish pretty
|
||||
much any dish, especially things like stews, potatoes, or
|
||||
meats.
|
||||
</li>
|
||||
<li>
|
||||
<strong><u>Oregano</u></strong> is a great all-purpose herb that
|
||||
you can add to pizzas, sauces, and basically any Italian,
|
||||
Mexican, or Mediterranean dish.
|
||||
</li>
|
||||
<li>
|
||||
<strong><u>Rosemary</u></strong> has a strong, evergreen flavor
|
||||
that pairs well with beef dishes and slow-cooked stews
|
||||
and soups.
|
||||
</li>
|
||||
<li>
|
||||
<strong><u>Thyme</u></strong>, like rosemary, is quite universal
|
||||
in its applications, but works especially well on chicken,
|
||||
lamb, and other lighter meats, or when infused in oil for
|
||||
salad dressings.
|
||||
</li>
|
||||
<li>
|
||||
<strong><u>Basil</u></strong>, with its distinct, almost spicy
|
||||
aroma, can be added directly to salads or chopped up and
|
||||
thrown into a tomato sauce or onto a pizza.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
</template>
|
||||
<style scoped>
|
||||
h1 {
|
||||
h1,h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -64,6 +105,13 @@ p {
|
|||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
max-width: 50ch;
|
||||
margin: 1rem auto;
|
||||
padding: 0 0.5rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
img {
|
||||
margin: 1rem auto;
|
||||
max-width: calc(min(95%, 80ch));
|
||||
|
|
|
|||
Loading…
Reference in New Issue