forked from rocketacademy/recipe-site-bootcamp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmango-coconut-jelly.html
167 lines (165 loc) · 5.85 KB
/
mango-coconut-jelly.html
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
<!DOCTYPE html>
<html>
<head>
<title>Sugar Spice & Everything Nice</title>
<style>
* {
}
p {
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
"Lucida Sans", Arial, sans-serif;
}
.banner p {
font-family: Arial, Helvetica, sans-serif;
align-self: center;
margin: 5px;
}
.banner {
font-family: fantasy;
padding: 5px;
text-align: center;
background-color: rgb(238, 228, 86);
width: stretch;
border: 2px solid;
}
.row {
display: flex;
flex-wrap: nowrap;
padding: 5px;
border: 2px solid;
}
.navbar {
flex: 20%;
font-family: Arial, Helvetica, sans-serif;
padding: 10px;
background-color: beige;
border: 1px solid;
margin: 2px;
}
.main {
flex: 80%;
padding: 20px;
background-color: blanchedalmond;
border: 1px solid;
margin: 2px;
}
.footer {
padding: 5px;
text-align: center;
background-color: antiquewhite;
border: 2px solid;
}
</style>
</head>
<body>
<!--Note: The main body of the webpage-->
<div class="banner">
<h1>Easy Recipe For You & Me</h1>
<p>An assignment for Rocket Bootcamp - by Calvin</p>
</div>
<!--Links to the Different Recipes-->
<div class="row">
<div class="navbar">
<h2><a href="index.html"> Home Page</a></h2>
<br />
<h2><a href="korean-cuisine.html">Korean Cuisine</a></h2>
<h5>1. Cheese Tteokk Kochi</h5>
<h5>2. Fresh KkakDugi</h5>
<br />
<h2><a href="thai-cuisine.html">Thai Cuisine</a></h2>
<h5>
<a href="rainbow-mango-sticky-rice.html">
1. Rainbow Mango Sticky Rice</a
>
</h5>
<h5><a href="mango-coconut-jelly.html"> 2. Mango Coconut Jelly</a></h5>
</div>
<div class="main">
<h2>Mango Coconut Jelly</h2>
<h3>(วุ้นมะม่วง)</h3>
<p>
This refreshing treat is as delicious as it is beautiful; not to
mention easy. It's also a great party dessert as it's vegan and
gluten-free. If you want something more exciting than ice cream, this
is the perfect warm weather dessert that won't melt!
</p>
<img src="mango-coconut-jelly.jpg" width="400" />
<br />
<h3>Ingredient:</h3>
<h4>Mango Layer</h4>
<p>
1. 250 g mango flesh (for purée), roughly cubed (from about 1 ½ - 2
mangos, scant 2 cups)
</p>
<p>2. Flesh of 1 mango, 1-cm cubes</p>
<p>3. ½ cup orange juice</p>
<p>4. 1 ¼ cups water</p>
<p>5. 2 tsp (5.2 g) agar agar powder</p>
<p>6. ⅓ cup sugar</p>
<p>7. Lime juice, to taste</p>
<h4>Coconut Layer</h4>
<p>1. ⅔ cup water</p>
<p>2. 1 tsp (2.6 g) agar agar powder</p>
<p>3. 4 Tbsp sugar</p>
<p>4. ⅛ tsp salt</p>
<p>5. ⅔ cup coconut milk</p>
<br />
<h3>Preparation Time:</h3>
<p>90 minutes.</p>
<br />
<h3>Cooking Instructions:</h3>
<h4>For the Mango layer</h4>
<p>
1. In a blender, blend the mango cubes (for the purée) and orange
juice until smooth. In a small pot, add water and agar agar powder and
stir to distribute the powder. Bring to a full boil, stirring
frequently, making sure that all the agar agar powder has dissolved.
Add sugar and mango purée and whisk until smooth. Remove from the heat
and taste, adding more sugar and/or lime juice as needed.
</p>
<p>
2. Pour the mango mixture into a mould. You can use whatever mould you
like; I used a square pan, but you can also make individual ones using
cups, glasses, etc. Add the 1-cm mango cubes into the mango base,
distributing the cubes evenly throughout, and pushing them down to
make sure they are submerged. If desired, you can add mint leaves as
well, pushing them into the mango base. Note: Agar agar jelly sets at
room temperature, so work quickly especially if you are making small
ones.
</p>
<p>
3. Let the jelly set until the surface is firm enough to pour on the
next layer (if you touch it gently and your fingers are not poking
through, it's ready). You CAN put it in the fridge to make it go
faster, but do not let this get cold!
</p>
<h4>For the Coconut layer</h4>
<p>
4. In a small pot, combine water and agar agar powder and stir to
distribute the powder. Bring to a full boil, stirring frequently,
making sure that all the agar agar powder has dissolved. Add sugar,
salt, and stir until dissolved. Add coconut milk, stir to mix and
remove from heat. You can use this immediately if the mango layer has
set, if the mango layer has not set, keep this mixture hot, covered,
over the lowest heat setting on the stove to prevent it from setting
and becoming clumpy.
</p>
<p>
5. Once the surface of the mango layer has set, gently pour the
coconut layer over the back of a spoon on to the mango base (if you
pour too hard it will break or cause dents in the mango layer).
Refrigerate for a few hours until cold.
</p>
<p>
6. Close to serving time, cut into cubes with a sharp knife and enjoy!
</p>
<br />
<p><-- Click on the links at the side to view the recipes!</p>
</div>
</div>
<!-- Footer -->
<div class="footer">
<h2>Thank you for visiting the site!</h2>
</div>
</body>
</html>