diff --git a/Pictures/express.png b/Pictures/express.png new file mode 100644 index 0000000..59991aa Binary files /dev/null and b/Pictures/express.png differ diff --git a/Pictures/firebase.png b/Pictures/firebase.png new file mode 100644 index 0000000..8ade0a2 Binary files /dev/null and b/Pictures/firebase.png differ diff --git a/Pictures/nextjs.svg b/Pictures/nextjs.svg new file mode 100644 index 0000000..50ccbbd --- /dev/null +++ b/Pictures/nextjs.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/Pictures/react.png b/Pictures/react.png new file mode 100644 index 0000000..4320d59 Binary files /dev/null and b/Pictures/react.png differ diff --git a/Pictures/sql.svg b/Pictures/sql.svg new file mode 100644 index 0000000..8fb8fa3 --- /dev/null +++ b/Pictures/sql.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Pictures/unity.png b/Pictures/unity.png new file mode 100644 index 0000000..ff5776a Binary files /dev/null and b/Pictures/unity.png differ diff --git a/index.html b/index.html index ce8fca0..166a8a6 100644 --- a/index.html +++ b/index.html @@ -18,7 +18,7 @@
- gmail logo + gmail logo linkedin logo @@ -62,7 +62,7 @@ adverience logo
-
+

advertience Inc. | Ad Analytics Developer

05/2023 - Present

@@ -85,7 +85,7 @@ optimized payment forms, resulting in an over 25% increase in donation conversio
-
+

Jump+ | Sales Associate

05/2021 - 01/2023

@@ -116,11 +116,10 @@ communication and product knowledge to drive customer engagement and satisfactio + allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share">
-
+

Cosmotica | Unity 3D Game Development

01/2022 - 09/2022

@@ -143,7 +142,7 @@ and systems design for future additions and bug fixes
-
+

UTSC Course Planner | Android App Development

11/2022 - 12/2022

@@ -175,7 +174,7 @@ and systems design for future additions and bug fixes telepuzzle demo
-
+

Telepuzzle | Unity 3D Game Development

12/2022

@@ -195,8 +194,8 @@ and systems design for future additions and bug fixes
-

Programming Languages

-
+

Programming Languages, Tools, and Frameworks

+
c logo @@ -207,25 +206,33 @@ and systems design for future additions and bug fixes javascript logo
-
-
    -
  • C -
      -
    • Accomplishment 1 -
        -
      • Note 1
        • -
      • Note 2
        • -
      -
      • -
    • Note 2
      • -
    -
    • +
    +
      +
    • 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 +
diff --git a/style.css b/style.css index 2da5afd..70ef48e 100644 --- a/style.css +++ b/style.css @@ -74,6 +74,13 @@ div.social-media a img { transition: box-shadow 0.2s ease-out 0s; } +div.social-media a img[src="./Pictures/gmail.png"] { + width: 3.7rem; + height: 3rem; + border-radius: 0.4rem; + transition: box-shadow 0.2s ease-out 0s; +} + div.social-media a:hover img { box-shadow: 0 20px 25px -5px rgb(255 255 255 / 0.1); } @@ -246,9 +253,10 @@ div.course-planner-wrapper > div > img { div.experience { display: flex; gap: 2rem; + flex-wrap: nowrap; } -div.experience > div { +div.experience-text { flex-grow: 1; } @@ -257,4 +265,59 @@ div.experience-header { justify-content: space-between; align-items: center; gap: 1rem; +} + +.large-list li { + font-size: 2rem; +} + +@media only screen and (max-device-width: 700px) { + div.profile-name { + gap: 0.8rem; + height: 3rem; + } + + div.profile-name img { + width: 3rem; + height: 3rem; + } + + div.profile-name h1 { + font-size: 1.7rem; + } + + div.social-media { + gap: 1rem; + } + + div.social-media a img { + width: 2rem; + height: 2rem; + } + + div.social-media a img[src="./Pictures/gmail.png"] { + width: 2.5rem; + height: 2rem; + border-radius: 0.2rem; + } + + div.experience { + flex-flow: column; + } + + div.languages-images { + width: 100%; + } + + div.languages-images div { + grid-template-columns: repeat(3, 33%); + } + + div.cosmotica-wrapper { + width: 100%; + } + + .large-list li { + font-size: 1.5rem; + } } \ No newline at end of file