jeff/jeffs-pelican-theme
1
0
Fork 0
Code Issues Pull requests Releases 2 Packages Activity

adding recipe to theme

Browse source
This commit is contained in:
Jeff MacKinnon 2022-12-17 14:32:24 -04:00
parent c2f7e3fdd6
commit 5e875720a1
4 changed files with 116 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
static/css-include/recipecard.css Normal file
View 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;
}

2
templates/article.html
View file

@ -60,7 +60,7 @@
{% block somemorehead %}
{% 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 %}
{% endblock somemorehead %}

54
test/content/recipe.rst Normal file
View 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

2
test/pelicanconf.py
View file

@ -48,7 +48,7 @@ DELETE_OUTPUT_DIRECTORY = False
STATIC_PATHS = ['images','../content']
SUMMARY_MAX_LENGTH = 20
THEME = '../../theme-jeffmackinnon.com'
THEME = '../../jeffs-pelican-theme'
# ####################################################
# JeffTheme variables
# ####################################################