From b56415f2bba9801ffff5d42c0a04dd892ec1bfc4 Mon Sep 17 00:00:00 2001 From: ethanglide Date: Thu, 5 Dec 2024 13:53:08 -0500 Subject: [PATCH] Reformat html and css files --- src/index.html | 709 +++++++++++++++++++++++++------------------------ src/style.css | 37 ++- 2 files changed, 391 insertions(+), 355 deletions(-) diff --git a/src/index.html b/src/index.html index 8861b0d..5b76cac 100644 --- a/src/index.html +++ b/src/index.html @@ -1,346 +1,371 @@ - - - - - - - - Ethan's Portfolio - - -
-
-
- Deer Profile Picture -

Ethan Cook

-
- + + + + + + + + + Ethan's Portfolio + + + +
+
+
+ Deer Profile Picture +

Ethan Cook

+
+ +
+
+
+
+
+

About

+

I am a 4th year Computer Science student at University of Toronto Scarborough with a focus on Software + Development.

+

Passionate in developing scalable, high quality web and games software with readable, optimized, and well + tested code.

+

In my spare time, my main hobby is music. I play Trombone and Piano, and enjoy most to play jazz music. +

+
+
+

Skills

+
    +
  • + 6+ years experience programming in C/C++, C#, Java, Python, HTML/CSS, JavaScript +
    • +
  • + Solid Full-Stack Web Development experience with React/Next.js frontend, Express.js backend API +
    • +
  • + Experienced in SQL (PostgreSQL, SQLite) and NoSQL (MongoDB, Firebase Realtime DB) databases +
    • +
  • + Strong DevOps skills with AWS: API Gateway, Lambda, EC2, S3, CodePipeline +
    • +
  • + Effective communication for working in collaborative groups +
    • +
+
+
+
+

Work Experience

+
+
+
+ adverience logo +
-
-
-
-
-

About

-

I am a 4th year Computer Science student at University of Toronto Scarborough with a focus on Software Development.

-

Passionate in developing scalable, high quality web and games software with readable, optimized, and well tested code.

-

In my spare time, my main hobby is music. I play Trombone and Piano, and enjoy most to play jazz music.

-
-
-

Skills

-
    -
  • - 6+ years experience programming in C/C++, C#, Java, Python, HTML/CSS, JavaScript -
    • -
  • - Solid Full-Stack Web Development experience with React/Next.js frontend, Express.js backend API -
    • -
  • - Experienced in SQL (PostgreSQL, SQLite) and NoSQL (MongoDB, Firebase Realtime DB) databases -
    • -
  • - Strong DevOps skills with AWS: API Gateway, Lambda, EC2, S3, CodePipeline -
    • -
  • - Effective communication for working in collaborative groups -
    • -
-
-
-
-

Work Experience

-
-
-
- adverience logo -
-
-
-
-

advertience Inc. | Ad Analytics Developer

-

05/2023 - 12/2023

-
-

Toronto, ON.

-
    -
  • - Implemented analytics tracking via Google Tag Manager and gtag.js on client's websites, resulting in a 30% -improvement in data accuracy, empowering clients to execute data-driven marketing strategies -
    • -
  • - Developed a unique attribution system to differentiate my agency from the competition, which led to the -agency taking on several new clients, beating last year's profit records by 10% -
    • -
  • - Created a full-stack CRM web application to help our nonprofit clients leverage their geographical analytics, resulting in an over 25% increase in donation conversions for our clients -
    • -
-
-
-
-
-
- jump+ logo -
-
-
-
-

Jump+ | Sales Associate

-

05/2021 - 01/2023

-
-

Hamilton, ON.

-
    -
  • - Collaborated within a sales team to achieve a 20% increase in Apple product sales, leveraging effective -communication and product knowledge to drive customer engagement and satisfaction -
    • -
  • - Orchestrated seamless store operations by coordinating with team members to assign tasks and optimize workflow on the sales floor, contributing to a 15% boost in overall store efficiency -
    • -
-
-
-
-
-

Projects

-
-
-
- -
-
-
-
-

Cosmotica | Unity 3D Game

-

01/2022 - 09/2022

-
-
    -
  • - Led a team of 6 to program, design, compose, model, and market a full video game -
    • -
  • - Programmed a game written in C# for the Unity game engine, with a focus on readable and scalable code -and systems design for future additions and bug fixes -
    • -
  • - Designed levels and UI while applying user feedback to get the best user experience -
    • -
  • - Published the finished product on Steam, the world's largest online game storefront -
    • -
-
-
-
-
-
- -
-
-
-
-

Solitude Echoes | Unity 2D Game

-

12/2023

-
-
    -
  • Developed in 9 days for the Unity Developer Community Game Jam #28, with the theme "Silence"
    • -
  • Puzzle/Horror game where you wake up in a decrepid dungeon and have to find your way out, while being stalked by the monsters within
    • -
  • Led an international team of 5 people, with programmers, artists, musicians, and level designers
    • -
  • Game is playable completely within the browser
    • -
-
-
-
-
-
- grantors web app dashboard -
-
-
-
-

Grantors | React Web App

-

02/2024 - 04/2024

-
-
    -
  • - Worked in a team of 7 to create an accessibility-focused grant platform -
    • -
  • - Developed with industry standard stack of React frontend, Express.js backend, and MongoDB database -
    • -
  • - Web Content Accessibility Guidelines (WCAG) compliant, with a focus on user experience and accessibility for grantors and applicants alike -
    • -
  • - Automated CI/CD with Jest, GitHub Actions, and Docker -
    • -
-
-
-
-
-
- course planner demo -
-
-
-
-

UTSC Course Planner | Android App

-

11/2022 - 12/2022

-
-
    -
  • - Collaborated with a team of 5 to develop an android app to help students plan their university courses -
    • -
  • - Used Google's Firebase Realtime Database to store course and user data and authenticate users -
    • -
  • - Followed industry best practices using agile methodologies (scrum) -
    • -
  • - Received a grade of 95 though good planning, teamwork, and execution -
    • -
-
-
-
-
-
- telepuzzle demo -
-
-
-
-

Telepuzzle | Unity 3D Game

-

12/2022

-
-
    -
  • - Developed in 4 days for the Unity Developer Community Game Jam #16, with the theme "Teleportation" -
    • -
  • - Puzzle game where your goal is to get to the end of the level by manipulating the objects around you with your teleportation gun -
    • -
  • - Worked together with a 3D artist to create the game with fun gameplay and a unique art style -
    • -
-
-
-
-
-
- cpp-console-game demo -
-
-
-
-

cpp-console-game | C++ Multiplayer Terminal Game

-

07/2024

-
-
    -
  • - Developed as a side project to learn the C++ programming language, CMake build automation system, and RPC basics -
    • -
  • - Simple terminal-based game where you can move around a map and see other players moving in real-time -
    • -
  • - Uses a custom RPC library to communicate between the server and clients, which uses TCP sockets -
    • -
-
-
-
-
-
- Romhacking.com home page -
-
-
-
-

Romhacking.com | Full-Stack Web Development

-

08/2024 - Present

-
-
    -
  • - Joined group of developers to add features to an existing production-level project -
    • -
  • - Navigated the large codebases, frontend and backend, and learned the new technologies required to make extensions to the functionality -
    • -
  • - Worked cloesly with maintainers to make sure code additions were consistent in quality and style with the rest of the codebase -
    • -
  • - Added a live-updating activity feed to the home page to make the site more lively -
    • -
-
-
-
-
-

Programming Languages, Tools, and Frameworks

-
-
-
- c logo - c# logo - python logo - java logo - html and css logo - javascript logo -
-
-
-
    -
  • C/C++
    • -
  • C#
    • -
  • Python
    • -
  • Java
    • -
  • HTML & CSS
    • -
  • Javascript
    • -
-
    -
  • React
    • -
  • Next.js
    • -
  • Express.js
    • -
  • Firebase
    • -
  • SQL
    • -
  • Unity
    • -
-
-
-
- react logo - next.js logo - express.js logo - firebase logo - sql logo - unity logo -
-
-
-
-
+
+
+

advertience Inc. | Ad Analytics Developer

+

05/2023 - 12/2023

+
+

Toronto, ON.

+
    +
  • + Implemented analytics tracking via Google Tag Manager and gtag.js on client's websites, resulting in a + 30% + improvement in data accuracy, empowering clients to execute data-driven marketing strategies +
    • +
  • + Developed a unique attribution system to differentiate my agency from the competition, which led to + the + agency taking on several new clients, beating last year's profit records by 10% +
    • +
  • + Created a full-stack CRM web application to help our nonprofit clients leverage their geographical + analytics, resulting in an over 25% increase in donation conversions for our clients +
    • +
-
- - +
+
+
+
+ jump+ logo +
+
+
+
+

Jump+ | Sales Associate

+

05/2021 - 01/2023

+
+

Hamilton, ON.

+
    +
  • + Collaborated within a sales team to achieve a 20% increase in Apple product sales, leveraging + effective communication and product knowledge to drive customer engagement and satisfaction +
    • +
  • + Orchestrated seamless store operations by coordinating with team members to assign tasks and optimize + workflow on the sales floor, contributing to a 15% boost in overall store efficiency +
    • +
+
+
+ +
+

Projects

+
+
+
+ +
+
+
+
+

Cosmotica | + Unity 3D Game

+

01/2022 - 09/2022

+
+
    +
  • + Led a team of 6 to program, design, compose, model, and market a full video game +
    • +
  • + Programmed a game written in C# for the Unity game engine, with a focus on readable and scalable code + and systems design for future additions and bug fixes +
    • +
  • + Designed levels and UI while applying user feedback to get the best user experience +
    • +
  • + Published the finished product on Steam, the world's largest online game storefront +
    • +
+
+
+
+
+
+ +
+
+
+
+

Solitude Echoes | Unity 2D + Game

+

12/2023

+
+
    +
  • Developed in 9 days for the Unity Developer Community Game Jam #28, with the theme "Silence"
    • +
  • Puzzle/Horror game where you wake up in a decrepid dungeon and have to find your way out, while + being stalked by the monsters within
    • +
  • Led an international team of 5 people, with programmers, artists, musicians, and level designers +
    • +
  • Game is playable completely within the browser
    • +
+
+
+
+
+
+ grantors web app dashboard +
+
+
+
+

Grantors | + React Web App

+

02/2024 - 04/2024

+
+
    +
  • + Worked in a team of 7 to create an accessibility-focused grant platform +
    • +
  • + Developed with industry standard stack of React frontend, Express.js backend, and MongoDB database +
    • +
  • + Web Content Accessibility Guidelines (WCAG) compliant, with a focus on user experience and + accessibility for grantors and applicants alike +
    • +
  • + Automated CI/CD with Jest, GitHub Actions, and Docker +
    • +
+
+
+
+
+
+ course planner demo +
+
+
+
+

UTSC Course Planner | Android App

+

11/2022 - 12/2022

+
+
    +
  • + Collaborated with a team of 5 to develop an android app to help students plan their university courses +
    • +
  • + Used Google's Firebase Realtime Database to store course and user data and authenticate users +
    • +
  • + Followed industry best practices using agile methodologies (scrum) +
    • +
  • + Received a grade of 95 though good planning, teamwork, and execution +
    • +
+
+
+
+
+
+ telepuzzle demo +
+
+
+
+

Telepuzzle | Unity 3D Game +

+

12/2022

+
+
    +
  • + Developed in 4 days for the Unity Developer Community Game Jam #16, with the theme "Teleportation" +
    • +
  • + Puzzle game where your goal is to get to the end of the level by manipulating the objects around you + with your teleportation gun +
    • +
  • + Worked together with a 3D artist to create the game with fun gameplay and a unique art style +
    • +
+
+
+
+
+
+ cpp-console-game demo +
+
+
+
+

cpp-console-game | C++ Multiplayer Terminal Game

+

07/2024

+
+
    +
  • + Developed as a side project to learn the C++ programming language, CMake build automation system, and + RPC basics +
    • +
  • + Simple terminal-based game where you can move around a map and see other players moving in real-time +
    • +
  • + Uses a custom RPC library to communicate between the server and clients, which uses TCP sockets +
    • +
+
+
+
+
+
+ Romhacking.com home page +
+
+
+
+

Romhacking.com | Full-Stack Web Development +

+

08/2024 - Present

+
+
    +
  • + Joined group of developers to add features to an existing production-level project +
    • +
  • + Navigated the large codebases, frontend and backend, and learned the new technologies required to make + extensions to the functionality +
    • +
  • + Worked cloesly with maintainers to make sure code additions were consistent in quality and style with + the rest of the codebase +
    • +
  • + Added a live-updating activity feed to the home page to make the site more lively +
    • +
+
+
+
+
+

Programming Languages, Tools, and Frameworks

+
+
+
+ c logo + c# logo + python logo + java logo + html and css logo + javascript logo +
+
+
+
    +
  • C/C++
    • +
  • C#
    • +
  • Python
    • +
  • Java
    • +
  • HTML & CSS
    • +
  • Javascript
    • +
+
    +
  • React
    • +
  • Next.js
    • +
  • Express.js
    • +
  • Firebase
    • +
  • SQL
    • +
  • Unity
    • +
+
+
+
+ react logo + next.js logo + express.js logo + firebase logo + sql logo + unity logo +
+
+
+
+ + +
+ + + \ No newline at end of file diff --git a/src/style.css b/src/style.css index 34c4cbb..c56544f 100644 --- a/src/style.css +++ b/src/style.css @@ -10,7 +10,14 @@ main { height: 100%; } -p, h1, h2, h3, h4, h5, h6, li { +p, +h1, +h2, +h3, +h4, +h5, +h6, +li { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 500; @@ -18,7 +25,8 @@ p, h1, h2, h3, h4, h5, h6, li { margin: 0; } -p, li { +p, +li { font-size: 1rem; } @@ -101,7 +109,7 @@ div.content { justify-content: center; } -div.content > div { +div.content>div { display: flex; width: 70%; flex-flow: column; @@ -178,13 +186,13 @@ div.advertience-wrapper { max-width: 7rem; } -div.advertience-wrapper > div { +div.advertience-wrapper>div { position: relative; width: 100%; padding-bottom: 140%; } -div.advertience-wrapper > div > img { +div.advertience-wrapper>div>img { position: absolute; top: -0.6rem; left: -0.6rem; @@ -202,13 +210,13 @@ div.square-wrapper { max-width: 10rem; } -div.square-wrapper > div { +div.square-wrapper>div { position: relative; width: 100%; padding-bottom: 100%; } -div.square-wrapper > div > img { +div.square-wrapper>div>img { position: absolute; top: 0; left: 0; @@ -224,13 +232,14 @@ div.rectangular-wrapper { max-width: 20rem; } -div.rectangular-wrapper > div { +div.rectangular-wrapper>div { position: relative; width: 100%; padding-bottom: 56.25%; } -div.rectangular-wrapper > div > iframe, div.rectangular-wrapper > div > img { +div.rectangular-wrapper>div>iframe, +div.rectangular-wrapper>div>img { position: absolute; top: 0; left: 0; @@ -246,13 +255,13 @@ div.course-planner-wrapper { min-width: 10rem; } -div.course-planner-wrapper > div { +div.course-planner-wrapper>div { position: relative; width: 100%; padding-bottom: 197%; } -div.course-planner-wrapper > div > img { +div.course-planner-wrapper>div>img { position: absolute; top: 0; left: 0; @@ -327,7 +336,9 @@ div.experience-header { grid-template-columns: repeat(3, min(33%)); } - div.rectangular-wrapper, div.square-wrapper, div.advertience-wrapper { + div.rectangular-wrapper, + div.square-wrapper, + div.advertience-wrapper { width: 100%; min-width: 0; } @@ -342,7 +353,7 @@ div.experience-header { gap: 1rem; } - div.content > div { + div.content>div { width: 100%; }