From 5e875720a18e7de8b5b6679066cb81a114a62e26 Mon Sep 17 00:00:00 2001
From: jeff <jeff@jeffmackinnon.com>
Date: Sat, 17 Dec 2022 14:32:24 -0400
Subject: [PATCH] adding recipe to theme

---
 static/css-include/recipecard.css | 60 +++++++++++++++++++++++++++++++
 templates/article.html            |  2 +-
 test/content/recipe.rst           | 54 ++++++++++++++++++++++++++++
 test/pelicanconf.py               |  2 +-
 4 files changed, 116 insertions(+), 2 deletions(-)
 create mode 100644 static/css-include/recipecard.css
 create mode 100644 test/content/recipe.rst

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 %}
-  <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 %}
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
+
+    <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
\ 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
 # ####################################################