-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
126 lines (121 loc) · 6.4 KB
/
index.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
<!DOCTYPE html>
<!-- Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. -->
<html lang="en">
<head>
<meta charset="utf-8">
<title>Exclusions Demo: Sweet and Sour Chicken</title>
<meta name="viewport" content="initial-scale=0.5,minimum-scale=0.5,maximum-scale=0.5,width=device-width,user-scalable=no">
<link rel="stylesheet" href="css.css">
</head>
<body class="em">
<div id="warning" class="hidden">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
width="32" height="32" viewBox="0 0 32 32">
<path d="M29.225,23.567l-3.778-6.542c-1.139-1.972-3.002-5.2
-4.141-7.172l-3.778-6.542c-1.14-1.973-3.003-1.973-4.142,0
L9.609,9.853c-1.139,1.972-3.003,5.201-4.142,7.172L1.69,23.567
c-1.139,1.974-0.207,3.587,2.071,3.587h23.391C29.432,27.154
30.363,25.541,29.225,23.567zM16.536,24.58h-2.241v-2.151h2.241
V24.58zM16.428,20.844h-2.023l-0.201-9.204h2.407L16.428
20.844z"/>
</svg>
<p>
This example uses CSS Shapes, a cutting edge feature the <a href="http://html.adobe.com/webplatform">Adobe Web Platform Team</a> is currently working on. To see this feature <a href="http://html.adobe.com/webplatform/enable">enable CSS Shapes</a> in a browser that supports it. For more information, check out browser support for <a href="http://html.adobe.com/webplatform/layout/shapes/browser-support/">CSS Shapes</a>.
</p>
</div>
<div id="content">
<div id="ing1"></div>
<div id="ing2"></div>
<div id="ing3"></div>
<h1>Sweet and Sour Chicken</h1>
<div id="cake-side"></div>
<div id="ingredients">
<h2>Ingredients</h2>
<dl>
<dt>chicken breast</dt>
<dd>8 oz.</dd>
<dt>peanut oil</dt>
<dd>2 tsp.</dd>
<dt>sliced celery</dt>
<dd>2 cup</dd>
<dt>bok choy</dt>
<dd>4 cup</dd>
<dt>onion, diced</dt>
<dd>1 medium</dd>
<dt>rice wine vinegar</dt>
<dd>½ fl.oz.</dd>
<dt>chicken stock</dt>
<dd>4 fl.oz.</dd>
<dt>carrots, shredded</dt>
<dd>2</dd>
<dt>cornstarch</dt>
<dd>1 tbsp.</dd>
<dt>brown sugar</dt>
<dd>2 oz.</dd>
<dt>dried ginger</dt>
<dd>¼ tsp.</dd>
</dl>
</div>
<div id="steps">
<h2>Directions</h2>
<!-- <OL> is buggy, when exclusion applied -->
<img src="dish-isolated.png" alt="" />
<p>Have all ingredients chopped and ready to go. In a deep
skillet or wok, heat 2 tablespoons oil over high heat. Add all
vegetables and ginger. Chow (stir-fry) quickly until onion is
cooked and translucent. Remove to bowl.
Add 2 tablespoons oil to wok; heat. Add chicken and chow
until no longer pink on outside (5–7 minutes).
Mix in separate bowl sauce ingredients, making sure to mix
cornstarch thoroughly. To chicken in wok, add vegetables and
sauce mix. Cook over low heat until cornstarch is cooked, about
7 minutes, or until sauce is slightly thickened. Serve over hot
cooked white rice.</p>
<p><a
href="http://www.foodista.com/recipe/DBLFXVSP/sweet-n-sour-chinese-chicken"
target="_blank">Sweet and Sour Chinese Chicken</a>
Recipe from Foodista.com — The Cooking Encyclopedia Everyone
Can Edit</p>
<p>Western cultures use sweet and sour sauce in two different
ways. Dishes can either include the sauce as an ingredient in
cooking or use the sauce as a pour-over or dipping sauce for
the meal.</p>
<p>Chinese restaurants in Western countries commonly serve
chicken, pork, or shrimp that has been battered and deep-fried,
then served with a sweet and sour sauce poured over the meat.
It is also common to find the sweet and sour sauce cooked with
sliced green peppers, onions and pineapple before it is poured
over the meat.</p>
<p>Common in Western sweet and sour sauce is the addition of
fruits such as pineapple and vegetables such as sweet pepper
and green onions. Traditional rice vinegar is becoming more
readily available due to the increase in Asian food stores but
a mixture of vinegar and dry sherry is often still used in
sweet and sour dishes. Also common is the use of corn starch as
thickener for the sauce and tomato ketchup to give a stronger
red colour to the dish and to add a Western taste. Most
supermarkets across Europe and America carry a range of
prepared sweet and sour sauces either for adding to a stir-fry
or for use as a dipping sauce.</p>
<p><a href="http://en.wikipedia.org/wiki/Sweet_and_sour"
target="_blank">Sweet and sour</a> from Wikipedia, the free
encyclopedia. <a
href="http://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License">License</a>
</p>
</div>
</div>
<svg>
<path id="path"/>
</svg>
<script src="js.js"></script>
</body>
</html>