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
|
<!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://i2.wp.com/smittenkitchen.com/wp-content/uploads//2013/10/10129849956_5b4c826237_o.jpg?fit=750%2C500&ssl=1">
<img src="Images/879D1E7A-ACA1-4520-9CF6-192A0E6A4F56/1F255D0C-1DEA-4CDB-855B-A45C07FE8C5E.jpg" itemprop="image" class="photo photoswipe"/>
</a>
</div>
<!-- Name -->
<h1 itemprop="name" class="name">Sweet Potato Broccoli & Barley Salad</h1>
<!-- Info -->
<!-- Rating, categories -->
<p itemprop="aggregateRating" class="rating" value="0"></p>
<p class="metadata">
<!-- Cook time, prep time, servings, difficulty -->
<b>Servings: </b><span itemprop="">Serves 4</span>
<!-- Source -->
<b>Source: </b>
<a itemprop="url" href="https://smittenkitchen.com/2013/10/miso-sweet-potato-and-broccoli-bowl/">
<span itemprop="author">smittenkitchen.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 barley</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> kg sweet potatoes</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g broccoli</p><p class="line" itemprop="recipeIngredient"><strong>1 to 2</strong> tablespoons olive oil</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">black pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp white sesame seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp black sesame seeds</p><p></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">Heat oven to 400 degrees. Place rice or grain and cooking liquid in a rice cooker or on the stove. Cook according to package directions.</p><p class="line">Peel sweet potatoes and cut into 1-inch cubes. Cut tops off broccoli and separate into bite-sized florets. If your broccoli stems feel especially woody, I like to peel them (with the same vegetable peeler), then cut them into 1/2- to 1-inch segments.</p><p class="line">Coat one large or two smaller trays with a thin slick of olive oil. Layer sweet potatoes on tray(s) and sprinkle with salt and pepper. Roast for 20 minutes, until browning underneath. Flip and toss chunks around, then add broccoli to the tray(s), season again with salt and pepper, and roast for another 10 to 20 minutes, until broccoli is lightly charred at edges and sweet potato is fully bronzed and tender. Toss chunks around one more time if it looks like they’re cooking unevenly.</p><p class="line">In a small skillet, toast black and white sesame seeds until fragrant. (You can do this in the oven if using an oven-proof skillet.) Let cool.</p><p class="line">While vegetables roast, prepare sesame-miso dressing: Combine everything in a blender and run until smooth, scraping down sides once. Taste and adjust ingredients if needed, but try to resist adding more honey if it tastes salty, as that extra pop of saltiness is exactly what I think sweet potato needs.</p><p class="line">Assemble bowls: Scoop some rice/grains into each, then pile on the roasted sweet potatoes and broccoli. Coat lightly with sesame-miso dressing and finish with toasted sesame seed duo. Serve with extra dressing on the side.</p>
</div>
</div>
<!-- Notes -->
<!-- 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>
|
