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
|
<!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;
}
@page {
size: letter portrait;
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>
|
