-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathschool.html
executable file
·174 lines (159 loc) · 9.48 KB
/
school.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
---
layout: default
title: School
permalink: /school/
---
<div class="school container">
<h1 class="header center">School Projects</h1>
<p class="center">Listed below are a couple of my favorite projects, per-year of highschool.</p>
<h2>9th Grade</h2>
<div class="row">
<div class="card col s12 l3">
<div class="card-image waves-effect waves-block waves-light">
<img class="responsive-img" src="{{ site.url }}/img/school/self-portrait.png" height="333" width="266" alt="Self Portrait" title="Self Portrait">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Self Portrait <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Self Portrait Project <i class="mdi-navigation-close right"></i></span>
<p>We were required to take a picture of ourselves, and make a self portrait on illustrator based off of that picture. I used what we learned about the pen tool basically the entire time on this project. The entire body was made with the pen tool, including everything but the background and the hair. For the hair I used a paint brush and made a bunch of small strokes over an object that I made with the pen tool. i also changed the colors up a bunch to make the picture a little more fun.</p>
</div>
</div>
<div class="card col s12 l3 offset-l1">
<div class="card-image waves-effect waves-block waves-light">
<img src="{{ site.url }}/img/school/logo-project.png" alt="Logo">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Logo Project <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Logo Project <i class="mdi-navigation-close right"></i></span>
<p>Each student in the class was required to make a personal logo including either their initials, full name, or first name using Illustrator. We also had to make a PowerPoint presentation to go with it. Instead of using Powerpoint I made my presentation using Prezi. For the logo, I made the entire thing in Illustrator (so I could resize it as a I please) and made a simple circle with my initials in the middle. I then changed the opacity around and played with fonts until I got the combination that I liked.</p>
</div>
</div>
<div class="card col s12 l3 offset-l1">
<div class="card-image waves-effect waves-block waves-light">
<img src="{{ site.url }}/img/school/bouncing-ball.png" alt="Bouncing Ball">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Bouncing Ball <i class="mdi-navigation-more-vert right"></i></span>
<p><a href="{{ site.url }}/img/school/bouncingball.swf">View Animation</a>
</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Bouncing Ball <i class="mdi-navigation-close right"></i></span>
<p>This was a the first Flash CS6 project that we experimented with in my Animation class. We had to utilize Illustrator to design a ball and then make it bounce using Flash. I am not a fan of using flash and I would probably never use it again although this project gave me some eyesight into the future of using animation on the web.</p>
</div>
</div>
</div>
<h2>10th Grade</h2>
<div class="row">
<div class="card col s12 l3">
<div class="card-image waves-effect waves-block waves-light">
<img src="{{ site.url }}/img/school/skills-usa-web-design.png" alt="SkillsUSA Web Design Competition Screenshot">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">SkillsUSA Website <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Skills USA Website <i class="mdi-navigation-close right"></i></span>
<p>This was a web design competition for a club at my school called "Skills USA." They allow students to compete with other students at the same grade level and ultimately bring home awards :). I was teamed up with my partner Cassie and we ended up taking 2nd place!</p>
</div>
</div>
<div class="card col s12 l3 offset-l1">
<div class="card-image waves-effect waves-block waves-light">
<img src="{{ site.url }}/img/school/skills-usa-bulletin-board.png" alt="Bulletin Board Screenshot">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">SkillsUSA Bulletin Board <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">SkillsUSA Bulletin Board <i class="mdi-navigation-close right"></i></span>
<p>This was a bulletin board design competition that my partner <a href="http://nicoleoverman.me/">Nicole Overman</a> and I competed in. We made an awesome bulletin board to represent Skills USA and inform members of upcoming events for the club in our school!</p>
</div>
</div>
<div class="card col s12 l3 offset-l1">
<div class="card-image waves-effect waves-block waves-light">
<div class="video-container">
<iframe width="853" height="480" src="https://www.youtube.com/embed/MXXEta2BS5U" allowfullscreen></iframe>
</div>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Geometry Video</span>
<p><a href="https://www.youtube.com/watch?v=MXXEta2BS5U">The Video</a></p>
</div>
</div>
</div>
<h2>11th Grade</h2>
<div class="row">
<div class="card col s12 l3">
<div class="card-image waves-effect waves-block waves-light">
<img src="{{ site.url }}/img/school/portfolio.png" alt="Screenshot of Portfolio">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Portfolio Site <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Portfolio Site <i class="mdi-navigation-close right"></i></span>
<p>This was a project that I was putting off on my own time and then it came up as an assignment! It was very fun building my own site using my own picks for technology and I feel like I built something that very much represents myself.</p>
</div>
</div>
<div class="card col s12 l3 offset-l1">
<div class="card-image waves-effect waves-block waves-light">
<img src="{{ site.url }}/img/school/google-infographic.png" alt="Google Infographic">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Google Infographic <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Google Infographic <i class="mdi-navigation-close right"></i></span>
<p>I compeleted this project with <a href="http://nicoleoverman.me">Nicole</a> and was responsible for all content on the graphic. I researched Google and was lucky enough to find a page listening the entirety of Google's history. (made by Google)</p>
</div>
</div>
<div class="card col s12 l3 offset-l1">
<div class="card-image waves-effect waves-block waves-light">
<div class="video-container">
<iframe width="853" height="480" src="https://www.youtube.com/embed/85FIYskIA8E" allowfullscreen></iframe>
</div>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">News Story <i class="mdi-navigation-more-vert right"></i></span>
<p><a href="https://www.youtube.com/watch?v=85FIYskIA8E">The Video</a>
</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">News Story <i class="mdi-navigation-close right"></i></span>
<p>This was a project done by me and <a href="http://nicoleoverman.me">Nicole</a>. We filmed using Rebel T3i's and edited using Final Cut Pro 10. I enjoy doing news stories like these and video editing in general.</p>
</div>
</div>
</div>
<div class="row">
<div class="card col s12 l3">
<div class="card-image waves-effect waves-block waves-light">
<img src="{{ site.url }}/img/school/nicole-caricature.jpg" alt="Caricature of Nicole">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Photoshop Caricature <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Photoshop Caricature <i class="mdi-navigation-close right"></i></span>
<p>This project was done for my Graphic Design class. I made a caricature of <a href="http://nicoleoverman.me">Nicole</a> and I found it to be extremely fun. I would do this project again in my free time.</p>
</div>
</div>
<div class="card col s12 l3 offset-l1">
<div class="card-image waves-effect waves-block waves-light">
<img src="{{ site.url }}/img/school/warhol.png" alt="Nelson Warhol">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Photoshop Warhol <i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Photoshop Warhol <i class="mdi-navigation-close right"></i></span>
<p>For this project I took a picture of my U.S. History teacher, Ms. Nelson and painted a Warhol-themed image of her.</p>
</div>
</div>
</div>
<h2>12th Grade</h2>
<i>I'm not a senior yet.</i>
</div>