diff --git a/static/css-include/recipecard.css b/static/css-include/recipecard.css new file mode 100644 index 0000000..fc338de --- /dev/null +++ b/static/css-include/recipecard.css @@ -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; +} + diff --git a/templates/article.html b/templates/article.html index ee25342..cc2084d 100644 --- a/templates/article.html +++ b/templates/article.html @@ -60,7 +60,7 @@ {% block somemorehead %} {% if article.specialcss %} - + {% endif %} {% endblock somemorehead %} diff --git a/test/content/recipe.rst b/test/content/recipe.rst new file mode 100644 index 0000000..b096316 --- /dev/null +++ b/test/content/recipe.rst @@ -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 + +
+
+ + Cape Breton Oat Cakes + +
+

+ Marianne MacLean +

+ +

+ 1 C + butter

+

+ 1/2 C + sugar

+

+ 1/2 TSP + salt

+

+ 1/2 TSP + baking soda

+

+ 2 TBSP + hot water

+

+ 1-1/2 C + Rolled Oats

+

+ 1-1/2 C + flour

+

Cream butter, add hot water with baking soda.

+

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.

+

Bake on ungreased cookie sheet at 375F for 10 minutes.

+
+ +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 \ No newline at end of file diff --git a/test/pelicanconf.py b/test/pelicanconf.py index 86f4c93..56e5aa2 100644 --- a/test/pelicanconf.py +++ b/test/pelicanconf.py @@ -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 # ####################################################