-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
312 lines (303 loc) · 14.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
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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang="en">
<head>
<title>CS 2350 | Learning Activities</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="Styles/as_style.css" rel="stylesheet">
</head>
<body>
<header>
<img src="Images/banner_la.png" alt="Learning Activities Portfolio">
</header>
<nav class="TopNav">
<a href="LearningActivites.html">
<img src="Images/nav_la.png" alt="Learning Activities">
</a>
<a href="TryItOutActivities.html">
<img src="Images/nav_tio.png" alt="Try it Out Activities">
</a>
<a href="ChallengeActivities.html">
<img src="Images/nav_ch.png" alt="Challenge Activities">
</a>
</nav>
<!-- Unimplemented SideNav for larger portfolio quick access
<nav class="SideNav">
<aside>
<p>Learning Activities<br>Assignment List</p>
<ul class="Modules">
<li>
Module One
<ul>
<li><a href="#1.1">Curbside Thai</a></li>
<li><a href="#1.3">Tri and Succeed</a></li>
</ul>
</li>
<li>
Module Two
<ul>
<li>Pandaisia Chocolates</li>
<li>Dakota Listener Radio</li>
</ul>
</li>
<li>
Module Three
<ul>
<li>The Komatsu Family</li>
<li>Red Ball Pizza</li>
</ul>
</li>
<li>
Module Five
<ul>
<li>Tulsa's New Year's Bash</li>
<li>Lyman Hall Theater</li>
</ul>
</li>
<li>
Module Six
<ul>
<li>Japanese Puzzle Factory</li>
<li>Bridger College</li>
<li>Coctura Home Kitchen</li>
</ul>
</li>
</ul>
</aside>
</nav>-->
<article>
<ul class="wrapper">
<li>
<div>
<a href="Assignments/LearningActivity/1-1CurbsideThai/index.html">
<img src="Assignments/LearningActivity/1-1CurbsideThai/screencap.jpg"
alt="Curbside Thai Website Screen Capture"></a>
<h4>Assignment 1-1</h4>
<a href="Assignments/LearningActivity/1-1CurbsideThai/index.html">
<h2>Curbside Thai</h2></a>
<p>
My first exposure to HTML<br>
<q>I learned about basic HTML structure using tags to
define elements. It was interesting to see how small changes
to the markup made such a large difference in the output.</q>
</p>
<div class="details">
Completed: 4.19.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/1-3TriAndSucceed/index.html">
<img src="Assignments/LearningActivity/1-3TriAndSucceed/screencap.jpg"
alt="Tri and Succeed Website Screen Capture"></a>
<h4>Assignment 1-3</h4>
<a href="Assignments/LearningActivity/1-3TriAndSucceed/index.html">
<h2>Tri and Succeed</h2></a>
<p>
Introduction to CSS<br>
<q>This exercise was my first experience using CSS to overhaul
and customize the visual presentation of a webpage.</q>
</p>
<div class="details">
Completed: 4.21.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/2-1PandaisiaChocolates/index.html">
<img src="Assignments/LearningActivity/2-1PandaisiaChocolates/screencap.jpg"
alt="Pandaisia Chocolates Screen Capture"></a>
<h4>Assignment 2-1</h4>
<a href="Assignments/LearningActivity/2-1PandaisiaChocolates/index.html">
<h2>Pandasia Chocolates</h2></a>
<p>
About CSS Layout<br>
<q>When I first made this assignments site, I was struggling to get
the element layouts to rest exactly where I wanted. This assignment
directly addresses the issues I was facing, and provides a toolbox
of solutions. Maybe it's already time to rework the assignements site?</q>
</p>
<div class="details">
Completed: 5.01.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/2-3DakotaListenerRadio/index.html">
<img src="Assignments/LearningActivity/2-3DakotaListenerRadio/screencap.jpg"
alt="Dakota Listener Radio Screen Capture"></a>
<h4>Assignment 2-3</h4>
<a href="Assignments/LearningActivity/2-3DakotaListenerRadio/index.html">
<h2>Dakota Listener Radio</h2></a>
<p>
Table Discussion<br>
<q>I find table formatting in HTML quite intuitive.
Not needing to account for spanned rows/columns with
empty cell data is a huge time saver!</q>
</p>
<div class="details">
Completed: 5.3.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/3-1KomatsuFamily/tb_komatsu.html">
<img src="Assignments/LearningActivity/3-1KomatsuFamily/screengrab.jpg"
alt="Dakota Listener Radio Screen Capture"></a>
<h4>Assignment 3-1</h4>
<a href="Assignments/LearningActivity/3-1KomatsuFamily/tb_komatsu.html">
<h2>The Komatsu Family</h2></a>
<p>
Scrapbooking<br>
<q>I had played around with images some in previous
assignments, but purely by tinkering and brute force
sizing. The techniques from this exercise are a much
more simple and precise way to work with images.</q>
</p>
<div class="details">
Completed: 5.19.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/3-4RedBallPizza/rb_survey.html">
<img src="Assignments/LearningActivity/3-4RedBallPizza/screengrab.png"
alt="Red Ball Pizza Survey Page"></a>
<h4>Assignment 3-4</h4>
<a href="Assignments/LearningActivity/3-4RedBallPizza/rb_survey.html">
<h2>Red Ball Pizza</h2></a>
<p>
Fresh Baked Web Forms<br>
<q>I know that some of the styling for this page was
provided with the seed files, but it was still very
neat to see how it came together once all the forms
and labels were correctly tied to one another.</q>
</p>
<div class="details">
Completed: 5.24.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/5-1TulsaNYB/tny_clock.html">
<img src="Assignments/LearningActivity/5-1TulsaNYB/screengrab.jpg"
alt="Tulsa NEw Year's Bash Page"></a>
<h4>Assignment 5-1</h4>
<a href="Assignments/LearningActivity/5-1TulsaNYB/tny_clock.html">
<h2>Tulsa New Year's Bash</h2></a>
<p>
Countdown to Coding<br>
<q>I am very excited to get back into coding rather than
markup. While HTML and CSS are more fun than I
expected (and FAR more powerful), JavaScript is the
portion of this course I have been most eager to dig
into.</q>
</p>
<div class="details">
Completed: 6.13.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/5-3LymanHall/lht_august.html">
<img src="Assignments/LearningActivity/5-3LymanHall/screengrab.jpg"
alt="Lyman Hall Calendar"></a>
<h4>Assignment 5-3</h4>
<a href="Assignments/LearningActivity/5-3LymanHall/lht_august.html">
<h2>Lyman Hall Theater</h2></a>
<p>
Knocked for a For loop<br>
<q>I have never worked with a weakly type coding
language before, so this was my first time using the
<b>===</b> logic operator. This is super handy!!</q>
</p>
<div class="details">
Completed: 6.16.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/6-1PuzzleFactory/jpf_hanjie.html">
<img src="Assignments/LearningActivity/6-1PuzzleFactory/screengrab.jpg"
alt="Puzzle Factory Page"></a>
<h4>Assignment 6-1</h4>
<a href="Assignments/LearningActivity/6-1PuzzleFactory/jpf_hanjie.html">
<h2>Japanese Puzzle Factory</h2></a>
<p>
Working Toward the Solution<br>
<q>This was a difficult learning assignment. Without a
full understanding of how the puzzles were working
in the provided code, I sometimes lost track of what
the code from the example was accomplishing. In the
end, a thorough review of the code got me sorted.</q>
</p>
<div class="details">
Completed: 6.22.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/6-3BridgerCollege/bc_const.html">
<img src="Assignments/LearningActivity/6-3BridgerCollege/screengrab.jpg"
alt="U.S. Constitution @ Bridger College"></a>
<h4>Assignment 6-3</h4>
<a href="Assignments/LearningActivity/6-3BridgerCollege/bc_const.html">
<h2>Bridger College</h2></a>
<p>
Parental Guidance<br>
<q>Injecting HTML on the fly using the Parent/Child
relationship model seemed very daunting at first,
but once you wrap your head around it the process
is straight forward. Picturing a "family tree" in
your mind's eye (or a paint file, if it's too
complex!) is a big help.</q>
</p>
<div class="details">
Completed: 6.23.23<br>Final Grade: A
</div>
</div>
</li>
<li>
<div>
<a href="Assignments/LearningActivity/6-6CocturaHomeKitchen/co_order.html">
<img src="Assignments/LearningActivity/6-6CocturaHomeKitchen/screengrab.jpg"
alt="Coctura Ordering Page"></a>
<h4>Assignment 6-6</h4>
<a href="Assignments/LearningActivity/6-6CocturaHomeKitchen/co_order.html">
<h2>Coctura Home Kitchen</h2></a>
<p>
Cookin' Up Some Forms<br>
<q>This one got a little complex at times, especially
the need to parse, split, and juggle the data from
one function to the next. In the end, though,
everything worked out.</q>
</p>
<div class="details">
Completed: 6.26.23<br>Final Grade: A
</div>
</div>
</li>
</ul>
</article>
<img class="imageMap" src="Images/image_map.png"
alt="Menu" usemap="#imageMap">
<map name="imageMap">
<area shape="rect" coords="0,0,218,311" href="LearningActivites.html">
<area shape="rect" coords="229,0,471,311" href="TryItOutActivities.html">
<area shape="rect" coords="481,0,700,311" href="ChallengeActivities.html">
</map>
<footer>
CS 2350 • Client Side Web Development •
Summer 2023 • Chris Lucas
</footer>
</body>
</html>