-
Notifications
You must be signed in to change notification settings - Fork 0
/
art2.html
158 lines (158 loc) · 8.88 KB
/
art2.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<title>Joanne Lee's Website</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="container">
<div id = "top">
<div class="row">
<div class="col-lg">
<div id="websiteheader">JOANNE LEE</div>
</div>
</div>
<div class="row">
<div class="col-lg-5">
<div id="directory">
<h2><b>DIRECTORY</b></h2>
<hr>
<ul>
<li id="button1"><button><a href="index.html">HOME</a></button></li>
<li id="button2"><button><a href="art1.html">ART I</a></button></li>
<li id="button3"><button><a href="art2.html">ART II</a></button></li>
<li id="button4"><button><a href="art3.html">ART III</a></button></li>
<li id="button5"><button><a href="selected.html">Selected Works</a></button></li>
</ul>
</div>
</div>
<div class="col-lg-7"><div id="pagetitle">
<h1>A R T I I .</h1><hr><i>[a collection of my work from our virtual semester - although traveling back and forth for materials was new, the assignments were very fun to work on.]</i>
</div></div>
</div></div>
<div class="row">
<div class="col-lg">
<div id="mainbox">
<h2 id = "mainheader">Art II [2020 - 2021] - Artwork<span id="blink">|</span></h2>
<span id="colorsquare1">..</span><span id="colorsquare2">..</span><span id="colorsquare3">..</span>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight1"><h4><b>"Hello, I am..."</b></h4></div>
<p id = "description">
<u>Media/Materials:</u> Digital art (Program: FireAlpaca); computer mouse<br>
<u>Process/Explanation:</u> Used digital art to express my identity; arranged the composition to reflect an “organized mess”<br>
</p>
</div>
<div class="col-lg-7">
<img src="images/name.png" height = "320">
</div>
</div>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight2"><h4><b>Mind Map</b></h4></div>
<p id = "description">
<u>Size:</u> 12 x 9 in<br>
<u>Media/Materials:</u> Faber-Castell watercolor pencils and black pen<br>
<u>Process/Explanation:</u> Incorporated flowers to represent different parts of the mind; inspired by vintage botanical posters<br>
</p>
</div>
<div class="col-lg-7">
<img src="images/mindmap.png" height = "320">
</div>
</div>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight1"><h4><b>Mistress of Time</b></h4></div>
<p id = "description">
<u>Size:</u> 24.5 x 18 in<br>
<u>Media/Materials:</u> Black, brown, white conté sticks; brown paper<br>
<u>Process/Explanation:</u> Ensured subject would touch all sides of paper; used shadows to mark different textures and features<br>
</p>
</div>
<div class="col-lg-7">
<img src="images/watch.png" height = "320">
</div>
</div>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight2"><h4><b>Layered Stories</b></h4></div>
<p id = "description">
<u>Size:</u> 18 x 18 in<br>
<u>Media/Materials:</u> Oil pastels for solid, rich colors; black matboard surface so colors stand out<br>
<u>Process/Explanation:</u> Each item reveals a different aspect of myself; positioned light to better define contrasting colors<br>
</p>
</div>
<div class="col-lg-7">
<img src="images/clothing.png" height = "320">
</div>
</div>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight1"><h4><b>Parasite</b></h4></div>
<p id = "description">
<u>Media/Materials:</u> Rocks of various sizes and colors, red maple leaves, mud, tree stump with mushrooms<br>
<u>Process/Explanation:</u> Used mud as adhesive for the rocks; considered contrasting colors to create an interesting dynamic<br>
</p>
</div>
<div class="col-lg-7">
<img src="images/parasite.png" height = "320">
</div>
</div>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight2"><h4><b>Paper Collection</b></h4></div>
<p id = "description">
<u>Size:</u> 12 x 16.5 in<br>
<u>Media/Materials:</u> Watercolor; small round brush, small filbert brush, medium flat brush for different stroke styles<br>
<u>Process/Explanation:</u> Used glazing technique to create desired colors; wet-on-wet for shadows; less water for small shapes<br>
</p>
</div>
<div class="col-lg-7">
<img src="images/origami.png" height = "320">
</div>
</div>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight1"><h4><b>Weaving Stories into Dreams</b></h4></div>
<p id = "description">
<u>Size:</u> 11.5 x 13.5 in<br>
<u>Media/Materials:</u> Painted paper, torn pages from old Korean children's book, patterned origami paper, chalk<br>
<u>Process/Explanation:</u> Based on memory of grandmother helping me fall asleep; used colors to separate reality from fantasy<br>
</p>
</div>
<div class="col-lg-7">
<img src="images/story.png" height = "320">
</div>
</div>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight2"><h4><b>Museum Challenge</b></h4></div>
<p id = "description">
<u>Media/Materials:</u> Clothes from mother's closet, random household objects (ex. unused cloth and blanket)<br>
<u>Process/Explanation:</u> Captured mood of the original paintings by matching the general colors, textures, and expression<br>
</p>
</div>
<div class="col-lg-7">
<img src="images/museum.png" height = "320">
</div>
</div>
<div class = "row" id = "innerbox">
<div class="col-lg-5">
<div id = "titlehighlight1"><h4><b>Bittersweet Nostalgia</b></h4></div>
<p id = "description">
<u>Size:</u> 20 x 13 in<br>
<u>Media/Materials:</u> Chalk pastels, colored pencils, acrylic paint for warm pastel colors<br>
<u>Process/Explanation:</u> Used “vintage” colors and elements to convey nostalgia; reinforced by the softness of chalk pastels <br>
</p>
</div>
<div class="col-lg-7">
<img src="images/newself.png" height = "320">
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>