From c7211c625b734d64025a16ef8e74a23f94e29459 Mon Sep 17 00:00:00 2001
From: ethanglide <ecook2489@gmail.com>
Date: Sat, 13 Jul 2024 18:33:15 -0400
Subject: [PATCH] Add cpp-console-game project

---
 Pictures/cpp-console-game.png | Bin 0 -> 2889 bytes
 index.html                    |  48 +++++++++++++++++++++++++---------
 style.css                     |  14 +++++-----
 3 files changed, 43 insertions(+), 19 deletions(-)
 create mode 100644 Pictures/cpp-console-game.png

diff --git a/Pictures/cpp-console-game.png b/Pictures/cpp-console-game.png
new file mode 100644
index 0000000000000000000000000000000000000000..c88678d311e764ca67a746f0286f2c4640e592d4
GIT binary patch
literal 2889
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 3461022..f8167ed 100644
--- a/index.html
+++ b/index.html
@@ -38,13 +38,13 @@
                         <h2>Skills</h2>
                         <ul>
                             <li style="margin: 0;">
-                                5+ years experience programming in C/C++, C#, Java, Python, HTML/CSS, JavaScript
+                                6+ years experience programming in C/C++, C#, Java, Python, HTML/CSS, JavaScript
                             </li>
                             <li>
                                 Solid Full-Stack Web Development experience with React/Next.js frontend, Express.js backend API
                             </li>
                             <li>
-                                Experienced in SQL (MySQL, SQLite) and NoSQL (Firebase, MongoDB) databases
+                                Experienced in SQL (PostgreSQL, SQLite) and NoSQL (MongoDB, Firebase Realtime DB) databases
                             </li>
                             <li>
                                 Strong DevOps skills with AWS: API Gateway, Lambda, EC2, S3, CodePipeline
@@ -84,7 +84,7 @@ agency taking on several new clients, beating last year’s profit records by 10
                             </div>
                         </div>
                         <div class="experience">
-                            <div class="jump-wrapper">
+                            <div class="square-wrapper">
                                 <div>
                                     <img src="./Pictures/jumpplus.jpeg" alt="jump+ logo">
                                 </div>
@@ -110,7 +110,7 @@ communication and product knowledge to drive customer engagement and satisfactio
                     <div class="section">
                         <h2>Projects</h2>
                         <div class="experience">
-                            <div class="youtube-wrapper">
+                            <div class="rectangular-wrapper">
                                 <div>
                                     <iframe
                                     src="https://www.youtube.com/embed/HS9tsFQpMUA?si=8mIM_T5hKvkPNSYb&controls=0&autoplay=1&mute=1&loop=1&playlist=HS9tsFQpMUA"
@@ -120,7 +120,7 @@ communication and product knowledge to drive customer engagement and satisfactio
                             </div>
                             <div class="experience-text">
                                 <div class="experience-header">
-                                    <h2> <a href="https://store.steampowered.com/app/2117410/Cosmotica/" target="_blank">Cosmotica</a> | Unity 3D Game Development</h2>
+                                    <h2> <a href="https://store.steampowered.com/app/2117410/Cosmotica/" target="_blank">Cosmotica</a> | Unity 3D Game</h2>
                                     <p>01/2022 - 09/2022</p>
                                 </div>
                                 <ul>
@@ -141,7 +141,7 @@ and systems design for future additions and bug fixes
                             </div>
                         </div>
                         <div class="experience">
-                            <div class="youtube-wrapper">
+                            <div class="rectangular-wrapper">
                                 <div>
                                     <iframe
                                     src="https://www.youtube.com/embed/rsZMfWVyc90?si=jERn5iKCQvnH3Y_g&controls=0&autoplay=1&mute=1&loop=1&playlist=rsZMfWVyc90"
@@ -151,7 +151,7 @@ and systems design for future additions and bug fixes
                             </div>
                             <div class="experience-text">
                                 <div class="experience-header">
-                                    <h2><a href="https://ethanglide.itch.io/solitude-echoes" target="_blank">Solitude Echoes</a> | Unity 2D Game Development</h2>
+                                    <h2><a href="https://ethanglide.itch.io/solitude-echoes" target="_blank">Solitude Echoes</a> | Unity 2D Game</h2>
                                     <p>12/2023</p>
                                 </div>
                                 <ul>
@@ -163,14 +163,14 @@ and systems design for future additions and bug fixes
                             </div>
                         </div>
                         <div class="experience">
-                            <div class="youtube-wrapper">
+                            <div class="rectangular-wrapper">
                                 <div>
                                     <img src="./Pictures/grantors.png" alt="grantors web app dashboard">
                                 </div>
                             </div>
                             <div class="experience-text">
                                 <div class="experience-header">
-                                    <h2><a href="https://github.com/GlassesNoGlasses/c01w24-project-grantors" target="_blank">Grantors</a> | React Web App Development</h2>
+                                    <h2><a href="https://github.com/GlassesNoGlasses/c01w24-project-grantors" target="_blank">Grantors</a> | React Web App</h2>
                                     <p>02/2024 - 04/2024</p>
                                 </div>
                                 <ul>
@@ -197,7 +197,7 @@ and systems design for future additions and bug fixes
                             </div>
                             <div class="experience-text">
                                 <div class="experience-header">
-                                    <h2>UTSC Course Planner | Android App Development</h2>
+                                    <h2>UTSC Course Planner | Android App</h2>
                                     <p>11/2022 - 12/2022</p>
                                 </div>
                                 <ul>
@@ -217,14 +217,14 @@ and systems design for future additions and bug fixes
                             </div>
                         </div>
                         <div class="experience">
-                            <div class="youtube-wrapper">
+                            <div class="rectangular-wrapper">
                                 <div>
                                     <img src="./Pictures/telepuzzle.png" alt="telepuzzle demo">
                                 </div>
                             </div>
                             <div class="experience-text">
                                 <div class="experience-header">
-                                    <h2> <a href="https://ethanglide.itch.io/telepuzzle1" target="_blank">Telepuzzle</a> | Unity 3D Game Development</h2>
+                                    <h2> <a href="https://ethanglide.itch.io/telepuzzle1" target="_blank">Telepuzzle</a> | Unity 3D Game</h2>
                                     <p>12/2022</p>
                                 </div>
                                 <ul>
@@ -240,6 +240,30 @@ and systems design for future additions and bug fixes
                                 </ul>
                             </div>
                         </div>
+                        <div class="experience">
+                            <div class="square-wrapper">
+                                <div>
+                                    <img src="./Pictures/cpp-console-game.png" alt="cpp-console-game demo">
+                                </div>
+                            </div>
+                            <div class="experience-text">
+                                <div class="experience-header">
+                                    <h2> <a href="https://github.com/ethanglide/cpp-console-game" target="_blank">cpp-console-game</a> | C++ Multiplayer Terminal Game</h2>
+                                    <p>12/2022</p>
+                                </div>
+                                <ul>
+                                    <li>
+                                        Developed as a side project to learn the C++ programming language, CMake build automation system, and RPC basics
+                                    </li>
+                                    <li>
+                                        Simple terminal-based game where you can move around a map and see other players moving in real-time
+                                    </li>
+                                    <li>
+                                        Uses a custom RPC library to communicate between the server and clients, which uses TCP sockets
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
                     </div>
                     <div class="section">
                         <h2>Programming Languages, Tools, and Frameworks</h2>
diff --git a/style.css b/style.css
index 5ddb368..71f8b0d 100644
--- a/style.css
+++ b/style.css
@@ -185,18 +185,18 @@ div.advertience-wrapper > div > img {
     border-radius: 1rem;
 }
 
-div.jump-wrapper {
+div.square-wrapper {
     width: 20%;
     max-width: 10rem;
 }
 
-div.jump-wrapper > div {
+div.square-wrapper > div {
     position: relative;
     width: 100%;
     padding-bottom: 100%;
 }
 
-div.jump-wrapper > div > img {
+div.square-wrapper > div > img {
     position: absolute;
     top: 0;
     left: 0;
@@ -207,18 +207,18 @@ div.jump-wrapper > div > img {
     border-radius: 1rem;
 }
 
-div.youtube-wrapper {
+div.rectangular-wrapper {
     width: 50%;
     max-width: 20rem;
 }
 
-div.youtube-wrapper > div {
+div.rectangular-wrapper > div {
     position: relative;
     width: 100%;
     padding-bottom: 56.25%;
 }
 
-div.youtube-wrapper > div > iframe, div.youtube-wrapper > div > img {
+div.rectangular-wrapper > div > iframe, div.rectangular-wrapper > div > img {
     position: absolute;
     top: 0;
     left: 0;
@@ -315,7 +315,7 @@ div.experience-header {
         grid-template-columns: repeat(3, min(33%));
     }
 
-    div.youtube-wrapper {
+    div.rectangular-wrapper, div.square-wrapper, div.advertience-wrapper {
         width: 100%;
         min-width: 0;
     }