adding recipe to theme
This commit is contained in:
parent
c2f7e3fdd6
commit
5e875720a1
4 changed files with 116 additions and 2 deletions
60
static/css-include/recipecard.css
Normal file
60
static/css-include/recipecard.css
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
|
||||||
|
/*Heavily influenced by Emily Gagne (https://codepen.io/ceg9498/) from their CodePen post here - https://codepen.io/ceg9498/post/creating-lined-paper
|
||||||
|
/* Styling specific to an index card */
|
||||||
|
.card{
|
||||||
|
font-family: Courier, monospace;
|
||||||
|
background-color: white;
|
||||||
|
background: repeating-linear-gradient(white, white 25px, #9198e5 26px, #9198e5 27px);
|
||||||
|
background-position-y: 34px;
|
||||||
|
height: 500px;
|
||||||
|
width: 800px;
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 50px;
|
||||||
|
border-style:solid;
|
||||||
|
border-width: 2px;
|
||||||
|
border-color: #555;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
.card header {
|
||||||
|
background: linear-gradient(white, white 33px, pink 35px, pink 36px);
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
.card-title {
|
||||||
|
position: relative;
|
||||||
|
left: 1em;
|
||||||
|
top: 8px;
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.card-subtitle {
|
||||||
|
position: relative;
|
||||||
|
font-size: 1em;
|
||||||
|
margin: 0 20px;
|
||||||
|
line-height: 27px;
|
||||||
|
font-style:italic;
|
||||||
|
}
|
||||||
|
.card-text {
|
||||||
|
position: relative;
|
||||||
|
top: 30px;
|
||||||
|
font-size: 1em;
|
||||||
|
margin: 27px 1em;
|
||||||
|
line-height: 27px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-ingredients {
|
||||||
|
position: relative;
|
||||||
|
top: 30px;
|
||||||
|
font-size: 1em;
|
||||||
|
margin: 0 20px;
|
||||||
|
line-height: 27px;
|
||||||
|
}
|
||||||
|
.ingredient-qty {
|
||||||
|
display: inline-block;
|
||||||
|
width:5em;
|
||||||
|
text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ingredient-type {
|
||||||
|
margin-left:4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
@ -60,7 +60,7 @@
|
||||||
|
|
||||||
{% block somemorehead %}
|
{% block somemorehead %}
|
||||||
{% if article.specialcss %}
|
{% if article.specialcss %}
|
||||||
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ article.specialcss }}">
|
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/css-include/{{ article.specialcss }}">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% endblock somemorehead %}
|
{% endblock somemorehead %}
|
||||||
|
|
|
||||||
54
test/content/recipe.rst
Normal file
54
test/content/recipe.rst
Normal file
|
|
@ -0,0 +1,54 @@
|
||||||
|
A recipe test
|
||||||
|
######################################
|
||||||
|
:date: 2022-10-24
|
||||||
|
:author: jeffmackinnon
|
||||||
|
:category: food
|
||||||
|
:tags: recipe
|
||||||
|
:slug: two card recipe test
|
||||||
|
:status: published
|
||||||
|
:specialcss: recipecard.css
|
||||||
|
|
||||||
|
This is a great recipe
|
||||||
|
|
||||||
|
.. raw:: html
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<header>
|
||||||
|
<span class="card-title">
|
||||||
|
Cape Breton Oat Cakes
|
||||||
|
</span>
|
||||||
|
</header>
|
||||||
|
<p class="card-subtitle">
|
||||||
|
Marianne MacLean
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="card-ingredients">
|
||||||
|
<span class="ingredient-qty">1 C</span>
|
||||||
|
<span class="ingredient-type">butter</span></p>
|
||||||
|
<p class="card-ingredients">
|
||||||
|
<span class="ingredient-qty">1/2 C</span>
|
||||||
|
<span class="ingredient-type">sugar</span></p>
|
||||||
|
<p class="card-ingredients">
|
||||||
|
<span class="ingredient-qty">1/2 TSP</span>
|
||||||
|
<span class="ingredient-type">salt</span></p>
|
||||||
|
<p class="card-ingredients">
|
||||||
|
<span class="ingredient-qty">1/2 TSP</span>
|
||||||
|
<span class="ingredient-type">baking soda</span></p>
|
||||||
|
<p class="card-ingredients">
|
||||||
|
<span class="ingredient-qty">2 TBSP</span>
|
||||||
|
<span class="ingredient-type">hot water</span></p>
|
||||||
|
<p class="card-ingredients">
|
||||||
|
<span class="ingredient-qty">1-1/2 C</span>
|
||||||
|
<span class="ingredient-type">Rolled Oats</span></p>
|
||||||
|
<p class="card-ingredients">
|
||||||
|
<span class="ingredient-qty">1-1/2 C</span>
|
||||||
|
<span class="ingredient-type">flour</span></p>
|
||||||
|
<p class="card-text">Cream butter, add hot water with baking soda.</p>
|
||||||
|
<p class="card-text">Add dry ingredients. When well combined, form a ball and roll out. I like to roll it out to about 6mm. Cut into squares or use a cutter. </p>
|
||||||
|
<p class="card-text">Bake on ungreased cookie sheet at 375F for 10 minutes.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
The Story
|
||||||
|
--------------
|
||||||
|
|
||||||
|
Now if you want to add a story or more "colour" to the recipe, add it down here. Don't do it up there where it will annoy you when you go to do the recipe in the future.s
|
||||||
|
|
@ -48,7 +48,7 @@ DELETE_OUTPUT_DIRECTORY = False
|
||||||
STATIC_PATHS = ['images','../content']
|
STATIC_PATHS = ['images','../content']
|
||||||
SUMMARY_MAX_LENGTH = 20
|
SUMMARY_MAX_LENGTH = 20
|
||||||
|
|
||||||
THEME = '../../theme-jeffmackinnon.com'
|
THEME = '../../jeffs-pelican-theme'
|
||||||
# ####################################################
|
# ####################################################
|
||||||
# JeffTheme variables
|
# JeffTheme variables
|
||||||
# ####################################################
|
# ####################################################
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue