1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
|
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<style type="text/css">
/* Shared styles */
body {
font-family: Helvetica, sans-serif;
font-size: 16px;
color: #34302e;
margin: 0.25in;
}
.name {
font-size: 18px;
font-family: Helvetica, sans-serif;
font-weight: normal;
margin: 0 0 10px 0;
}
.categories {
color: #605d5d;
font-size: 14px;
font-family: Helvetica, sans-serif;
font-style: italic;
}
.rating {
color: #d10505;
font-size: 14px;
}
.metadata {
font-size: 14px;
}
.infobox p {
margin: 0;
line-height: 150%;
}
.subhead {
color: #d10505;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
margin: 10px 0;
}
.ingredients p {
margin: 4px 0;
}
/* To prevent nutrition/directions from getting too close
to ingredients */
.ingredients {
padding-bottom: 10px;
}
.clear {
clear: both;
}
a {
color: #4990e2;
text-decoration: none;
}
/* Full page specific styles */
.text {
line-height: 130%;
}
.photobox {
float: left;
margin-right: 14px;
}
.photo {
max-width: 140px;
max-height: 140px;
width: auto;
height: auto;
}
.inline-image {
max-width: 25%;
max-height: 25%;
width: auto;
height: auto;
}
.photoswipe {
border: 1px #dddddd solid;
cursor: pointer;
}
.pswp__caption__center {
text-align: center !important;
}
.recipe {
page-break-after: always;
}
.recipe:first-child {
border-top: 0 none;
margin-top: 0;
padding-top: 0;
}
</style>
</head>
<body>
<!-- Recipe -->
<div class="recipe" itemscope itemtype="http://schema.org/Recipe">
<div class="infobox">
<!-- Image -->
<div class="photobox">
<a
href="https://babyfoode.com/wp-content/uploads/2019/06/on-the-go_granola_bar-kids-G2.jpg"
>
<img
src="Images/264E44EB-F2BD-4B08-AE16-97942C740D0B-21470-00000349F48EAD0D/E4661DEC-6A60-442E-983B-837B39F32453-21470-00000349F78F3C2C.jpg"
itemprop="image"
class="photo photoswipe"
/>
</a>
</div>
<!-- Name -->
<h1 itemprop="name" class="name">On-The-Go Granola Bars</h1>
<!-- Info -->
<!-- Rating, categories -->
<p itemprop="aggregateRating" class="rating" value="0"></p>
<p class="metadata">
<!-- Cook time, prep time, servings, difficulty -->
<!-- Source -->
<b>Source: </b>
<a
itemprop="url"
href="https://babyfoode.com/blog/healthy-on-the-go-granola-bars-for-toddlers-kids/"
>
<span itemprop="author">babyfoode.com</span>
</a>
</p>
<div class="clear"></div>
</div>
<div class="left-column">
<!-- Ingredients -->
<div class="ingredientsbox">
<h3 class="subhead">Ingredients</h3>
<div class="ingredients text">
<p class="line" itemprop="recipeIngredient">
<strong>1</strong> cup old fashioned oats
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1</strong> cup crispy rice cereal, I used organic rice
crispies
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1/4</strong> cup chopped nuts
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1/4</strong> cup shredded coconut unsweetened
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1/3</strong> cup peanut butter
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1/3</strong> cup agave necter
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1/2</strong> tbsp coconut oil
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1/2</strong> tsp vanilla extract
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1/8</strong> tsp sea salt
</p>
<p class="line" itemprop="recipeIngredient">
<strong>1/3</strong> cup mini chocolate chips
</p>
</div>
</div>
<!-- Nutrition (in two-column mode it goes below the ingredients) -->
</div>
<div class="right-column">
<!-- Description -->
<!-- Directions -->
<div class="directionsbox">
<h3 class="subhead">Directions</h3>
<div itemprop="recipeInstructions" class="directions text">
<p class="line">
Line a muffin tin with 12 tulip muffin liners (see notes below)
</p>
<p class="line">
In a medium bowl, stir together the oats, rice cereal, chopped
nuts and shredded coconut.
</p>
<p class="line">
In a microwave safe bowl or cup, add in the peanut butter, agave
nectar, coconut oil, vanilla and salt. Heat in the microwave in 30
second increments until ingredients are just heated and can easily
be whisked together. Whisk until creamy.
</p>
<p class="line">
Pour peanut butter mixture into the oat mixture and stir until
combined. Let sit until cool to touch. Add chocolate chips and
stir until combined.
</p>
<p class="line">
Scoop the granola mixture evenly into the muffin cups. Press down
on each granola bar until firm.
</p>
<p class="line">
Place the muffin tin in the fridge for 2 hours or more. This will
make it easier to wrap the granola bars.
</p>
<p class="line">
Take a granola bar with the wrapper and starting in one spot, fold
over each section of the tulip mufifn liner towards the center.
When the granola bar is completely wrapped you can use a sticker
or a piece of washi tape to hold the liner together.
</p>
<p class="line">
Place all of the wrapped granola bars into an air-tight container
or plastic baggie into the fridge.
</p>
</div>
</div>
<!-- Notes -->
<div class="notesbox">
<h3 class="subhead">Notes</h3>
<div itemprop="comment" class="notes text">
<p>
Chopped Nuts: you can use any chopped nuts your kids prefer or you
have on hand. I used a combination of chopped almonds and peanuts.
</p>
<p>
Tulip Muffin Liners: you have to use the tulip shaped liners for
this recipe, the standard muffin liners don’t have enough liner to
be able to fold all the way to the center. You can get the tulip
ones at any baking store or some grocery stores, I got mine here.
</p>
<p>
Storage: store wrapped granola bars in the fridge inside an
air-tight container or baggie for up to one week.
</p>
</div>
</div>
<!-- Nutrition (in regular mode it goes below the notes) -->
<!-- Used in two different places depending on the recipe layout -->
</div>
<div class="clear"></div>
</div>
</body>
</html>
|
