-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathresume.html
More file actions
313 lines (298 loc) · 16 KB
/
resume.html
File metadata and controls
313 lines (298 loc) · 16 KB
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
313
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;400;600;800&display=swap" rel="stylesheet">
<link rel="icon" type="image/jpg" href="Images/Favicon.png"/>
<script src="https://kit.fontawesome.com/f1c27a6a68.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="script.js"></script>
<title> Resume | Fizza Ahmed </title>
<meta name="description" content="Portfolio website for Fizza Ahmed">
<meta name="keywords" content="portfolio, artist, toronto, web designer, student">
<meta name="author" content="Fizza Ahmed">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header class="header" style="padding: 0.5em 7vw 0.7em 7vw">
<a href="#main" class="skip"> Skip to Main Content </a>
<span class="name indName"> <a href="https://fizzara.github.io/"> fizza ahmed </a></span>
<a href="https://fizzara.github.io/" class="logo-img"> <img src="Images/logosized.png" alt="Fizza Ahmed Logo - Home" style="max-height:2.5em"> </a>
<nav id="navigation" class="site-navigation" role="navigation">
<ul style="margin: 0px;">
<li class="headLinks">
<div class="dropdown">
<button class="header-category dropdown-button" > Works </button>
<ul class="dropdown-content">
<li><a href="https://fizzara.github.io/art"> Art & Design </a></li>
<li><a href="https://fizzara.github.io/code"> Code </a></li>
<li><a href="https://fizzara.github.io/figma"> Figma Design </a></li>
<li><a href="https://fizzara.github.io/game"> Game Design </a></li>
<li><a href="https://fizzara.github.io/thesis"> Master's Thesis </a><li>
<li><a href="https://fizzara.github.io/photography"> Photography </a></li>
<li><a href="https://fizzara.github.io/video"> Video </a></li>
</ul>
</div>
<span style="border-right: 1px solid white; padding-right: 0.5em;"></span>
<button id="resumebutt" class="header-category dropdown-button" style="padding-left: 0.5em;" onclick="location.href = 'https://fizzara.github.io/resume';"> Resumé </button>
</li>
</ul>
</nav>
</header>
<main id="main" class="resume-content" style="text-align: center; padding: 0.5vw 4vw 0vw 4vw">
<div class="resume-info" style="margin-top: 2vh">
<div class="resume-me" style="text-align: left; margin-bottom: 2em">
<div class="resume-me-picture">
<img src="Images/Fizza_Ahmed_3 (Medium).jpg" alt="Fizza Ahmed looking at the camera wearing a professional white shirt" style="max-height: 400px">
</div>
<div class="resume-me-text">
<h1 style="font-size: 3em; text-decoration: none; margin-bottom: 0.5em; margin-top: 0vh; line-height: 1em;"> Hi there, I'm Fizza!</h1>
<h2 style="font-weight: 600; margin-bottom: 0px; font-size: 1em"> Programmer, Designer, Artist     (She/Her) </h2>
<h3 style="font-weight: 400; margin-top: 4px"> <i class="fa-regular fa-paper-plane"></i> <a href="mailto:fizzaahmed2000@hotmail.com" style="color: black">fizzaahmed2000@hotmail.com</a> | Toronto, ON </h3>
<h3 style="font-weight: 400; margin-top: 4px"> <i class="fa-brands fa-linkedin"></i> <a href="https://www.linkedin.com/in/fizzara" style="color: black"> Connect with me on LinkedIn </a> </h3>
<p style="font-size: 1em"> Welcome to my digital canvas! I am a digital designer driven to transform ideas into visually and conceptually striking experiences. I aim to use my robust academic background to apply thoughtful design strategies to reduce social and technological accessibility gaps in digital media, and to advocate for improved accessibility and user experience. Recently I took part in the Develop at Ubisoft program where I worked with a mentor to develop a design document of a High Value Character for the game Watch Dogs: Legion. <a href="https://fizzara.github.io/DAUDesignDoc"> View the final design document here.</a>
</p>
</div>
</div>
<div class="resume-holder">
<div class="resume-skill-vert">
<h2> Technical Skills </h2>
<div class="resume-skill-sub">
<h3> Programming Languages and Frameworks </h3>
<ul class="resume-list">
<li><a href="code.html"> HTML </a></li>
<li><a href="code.html"> CSS </a></li>
<li><a href="thesis.html#thesisCode"> Python </a></li>
<li><a href="code.html"> Javascript </a></li>
<li> React </li>
</ul>
<h3> Design Knowledge </h3>
<ul class="resume-list">
<li><a href="figma.html"> Figma </a></li>
<li><button onclick="unfold()"> Adobe Creative Suite </button></li>
<li id="adobe_unfold" class="listHide" style="border-right: none">
<ul class="resume-list">
<li><a href="art.html"> Illustrator </a></li>
<li><a href="art.html#graphicdesign"> InDesign </a></li>
<li> Photoshop </li>
<li><a href="photography.html"> Lightroom </a></li>
<li><a href="video.html"> Premiere </a></li>
<li><a href="video.html#conceptvid"> Character Animator </a></li>
<li> Animate </li>
<li style="border-right: none"> After Effects </li>
</ul>
</li>
<li><a href="video.html#rube"> Blender </a></li>
<!-- <li><a href="art.html"> Adobe Illustrator </a></li>
<li> Adobe Photoshop </li>
<li><a href="photography.html"> Adobe Lightroom </a></li>
<li> Adobe InDesign </li>
<li> Adobe Premiere Pro </li> -->
<li> Canva </li>
<li><a href="code.html#wordpress"> Wordpress </a></li>
</ul>
<h3> Game Design Programs </h3>
<ul class="resume-list">
<li><a href="Memories.html"> Unreal Engine 5 </a></li>
<li><a href="TrainQuest.html"> Unity </a></li>
<li> Godot </li>
<li><a href="https://fizzara.github.io/ViewFromTheTop"> GameMaker Studio 2 </a></li>
</ul>
<h3> Additional Proficiencies </h3>
<ul class="resume-list">
<li><a href="figma.html"> UX/UI Design </a></li>
<li><a href="thesis.html#thesisPaper"> Strong Research Skills </a></li>
<li> Accessibility Best Practices </li>
<li> Fluent in English and French </li>
<li> Microsoft Office </li>
<li> Online and Hybrid Work Experience </li>
<!-- <li> Storyboarding </li>
<li> Photography and Videography </li> -->
</ul>
</div>
</div>
<hr>
<h2> Education </h2>
<div class="resume-education">
<div class="resume-edu-block">
<h3> Toronto Metropolitan University </h3>
<p style="font-size: 1em; font-style: italic">2022 - 2023</p>
<p> Master of Digital Media </p>
<p style="font-size: 1em; margin-top: 0px; padding-top: 0px"> Major Research Project:
<br><span style="font-style: italic"> <a href="https://fizzara.github.io/thesis">Somatosensory Interface for the Immersion of Players with Visual Impairments.</a> </span>
<br> Using OpenCV and Tesseract-OCR, this project resulted in a Python program that takes in information on player and enemy location, and returns haptic feedback to inform the player. The ultimate goal would be an API that could be leveraged by game creators to allow their game to natively feed the gamepad information.
</p>
</div>
<div class="resume-edu-block">
<h3> McMaster University </h3>
<p style="font-size: 1em; font-style: italic">2018 - 2022</p>
<p> Honours Bachelor in Humanities </p>
<p style="font-size: 1em;"> Double Major in Multimedia and Theatre & Film Studies
<br> <span style="font-style: italic">Summa Cum Laude </span></p>
<p style="font-size: 1em; margin-top: 0px; padding-top: 0px"> Thesis Project:
<br><span style="font-style: italic"> The View from the Top</span>
<br> A serious game about the cycle of anxiety. It is a single level platformer
that demonstrates how anxiety is a circle that cannot be broken out of.
</p>
</div>
</div>
<hr>
<div class="resume-certificate">
<h2 style="margin: 0"> Online Certificate Courses </h2>
<ul class="certif-list">
<li> <span class="certif-title"> Foundations of User Experience (UX) Design </span>
<br> Google Certificates
<br> July 2024
<br><a class="certif" href="Additional Files/Certificates/CourseraFoundationsUX.pdf">View Certificate (PDF) </a>
</li>
<li> <span class="certif-title"> CS50's Web Programming with Python and JavaScript </span>
<br> HarvardX
<br> In Progress
</li>
<li> <span class="certif-title"> Introduction to Web Accessibility </span>
<br> W3Cx
<br> July 2024
<br><a class="certif" href="Additional Files/Certificates/W3Cx WAI0.pdf">View Certificate (PDF) </a>
</li>
<li> <span class="certif-title"> Learn React </span>
<br> Codecademy
<br> In Progress
</li>
</ul>
</div>
<hr>
<div id="res-down-hold">
<a id="download-resume" href="Additional Files/AhmedF_Resume.pdf" download> Download my printable resumé here! (PDF) </a>
</div>
</div>
</div>
<div class="timeline">
<h2 style="text-decoration: underline"> Experience </h2>
<div class="container">
<div class="content">
<h2> Interface Developer - Toronto Metropolitan University</h2>
<h3 style="font-style: italic">Nov 2024 - Present</h3>
<p> Performs web application and front-end interface design and development, using an array of software applications, techniques and tools. Designs and develops high quality learning and teaching tools, gaming and virtual simulation applications for e-learning initiatives at The Chang School. Participates in the full project lifecycle, from conceptual design to executing interaction and visual design, as a part of a multidisciplinary team. Provides advice and recommendations on user-centred design and information architecture to follow throughout the application development process, and participates in the early stages of user research and ideation. </p>
</div>
</div>
<div class="container">
<div class="content">
<h2> Freelance Graphic Design - First Work Ontario </h2>
<h3 style="font-style: italic">June 2024</h3>
<p> Redesigned curriculum design template to be more visually appealing and professional, designed to appeal to and engage youth aged 15-18. Redesigned a sample lesson plan template and a slide deck. </p>
</div>
</div>
<div class="container">
<div class="content">
<h2> Game Design Stream - Develop at Ubisoft </h2>
<h3 style="font-style: italic">Sept 2023 - March 2024</h3>
<p> Worked with a mentor to develop and present a developed concept for a High Value Character for the game Watch Dogs: Legion. The character had to fit in world, have three to four abilities, and any other pertinent information. Reached the semi-final stage, up against 9 other mentees. </p>
</div>
</div>
<div class="container">
<div class="content">
<h2> Web Designer - Networked Imagination Laboratory </h2>
<h3 style="font-style: italic">Sept 2021 - April 2023</h3>
<p> Worked independently to design and develop the website
for the McMaster Networked Imagination Laboratory.
Coded the website from scratch, using HTML, CSS,
and Javascript based on client guidelines and meetings. Applied time management and project management skills to meet project deadlines.</p>
</div>
</div>
<div class="container">
<div class="content">
<h2> Graduate Assistant - Toronto Met University </h2>
<h3 style="font-style: italic">Sept 2022 - Jan 2023</h3>
<p> Assessed student works in media theory and gave constructive feedback to aid in furthering their learning. </p>
</div>
</div>
<div class="container">
<div class="content">
<h2> Teaching Assistant - McMaster University </h2>
<h3 style="font-style: italic">Jan 2021 - April 2022</h3>
<p> Lead tutorials for four multimedia and theatre courses, both virtually and in person, teaching students various media and film concepts,
as well as instructed them in the usage of Adobe programs such as Photoshop, Illustrator, and Indesign, and coding in
Processing and p5.js. Courses taught are Introduction to Multimedia, Introduction to Theatre and Film, and Design and Code. </p>
</div>
</div>
<div class="container">
<div class="content">
<h2> Student Success Team Leader – McMaster University </h2>
<h3 style="font-style: italic">Aug 2019 - April 2022</h3>
<p> Collaborated as a team and worked individually to
welcome new students to McMaster and ensure their
first week is fun and happy. Helped the representative
team maintain morale and school spirit throughout the
week as well as facilitated small and large group activities.
Mentored and advised new students, assisting their
transition into university. </p>
</div>
</div>
<div class="container">
<div class="content">
<h2> Peer Mentor - McMaster University </h2>
<h3 style="font-style: italic">Sept 2020 - April 2021</h3>
<p> Worked with 3 mentees to provide a level of peer support
that isn’t always accessible through regular academic
channels. Engaged them in conversations about their goals
for the upcoming school year, guiding them to find the best
engagement opportunities, and answering and questions
and concerns they may have.</p>
</div>
</div>
<div class="container">
<div class="content">
<h2> President - Pierre Elliott Trudeau H.S. Theatrics Drama
Council </h2>
<h3 style="font-style: italic">Sept 2014 - June 2018</h3>
<p> Created and maintained club website, as well as maintained
the club’s social media on platforms such as Instagram,
Twitter, and Facebook. Planned large scale events including
annual cabaret and SEARS competition. Directed a team
of 30+ people and conducted weekly meetings to develop
and execute the committee’s mandate and to foster teambuilding and
managing schoolwide theatrics events in a
team setting. Led various fundraising initiatives including
selling Student Price Card memberships. </p>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer_name" style="display: flex; gap: 10px; font-size: 2em; align-self: center; align-items: center; font-size: 2em"> <img src="Images/logosized.png" style="max-width: 50px" alt="Fizza Ahmed Logo"> fizza ahmed </div>
<div class="footer_jump">
<p style="margin: 0px;"> Jump To </p>
<ul>
<li><a href="resume.html">My Resume</a></li>
<li><a href="" onclick="footerJump()">A Random Project</a></li>
<li><a href="thesis.html">My Master's Thesis</a></li>
</ul>
</div>
<div class="footer_reach">
<p style="margin: 0px;"> Reach out by </p>
<ul>
<li id="foot_email"><a href="mailto:fizzaahmed2000@hotmail.com"> ✉ Email</a></li>
<li><a href="linkedin.com/in/fizzara"><i class="fa-brands fa-linkedin"></i> LinkedIn</a></li>
<li><a href="https://fizzara.github.io/contact"><i class="fa-regular fa-note-sticky"></i> Contact Form</a></li>
</ul>
</div>
</footer>
<script>
function unfold(){
var unfoldable = document.getElementById("adobe_unfold");
var arrow = document.getElementById("rotateArrow");
var style = unfoldable.style.display;
unfoldable.classList.toggle("listHide");
unfoldable.classList.toggle("listShow");
// if(style == "none"){ //to show
// // arrow.classList.remove("arrow-Back");
// // arrow.classList.add("arrow-Down");
// unfoldable.style.display = "inline-block";
// }else{ //to hide
// // arrow.classList.add("arrow-Back");
// // arrow.classList.remove("arrow-Down");
// unfoldable.style.display = "none";
// }
}
</script>
</body>
</html>