diff --git a/.DS_Store b/.DS_Store index 127f64b..ecc0012 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/index.html b/index.html index ac84084..68c3e17 100644 --- a/index.html +++ b/index.html @@ -25,18 +25,66 @@

Hello, I'm Tommy Oh
who is pursuing the program
in Simo -
+
- +
-

About Me

+

About Me

+

I am currently in my second year at Simon Fraser University, where I'm deeply engaged in studying Software Systems. + As the Design Lead for the SFU Open Source Development Club, I've had the opportunity to contribute to several projects with practical, real-world applications. + My journey through university has enriched my knowledge in various programming languages, including C++ and JavaScript, alongside a range of libraries. + These experiences have been incredibly meaningful, significantly enhancing my understanding of programming.

+
+

I am passionately committed to continuous learning and skill development in the ever-evolving field of technology. + I welcome any opportunity to connect and engage in meaningful conversations about technology and innovation. + Please feel free to reach out to me; I am always eager to share ideas and learn from others."

+ +
+ + + +
+
+
    +
  • UI/UX
    Designing the basic Web/App interfaces
  • +
  • Web Development
    Web appplication Development using React
  • +
  • App Development
    Chrome Extension using HTML, CSS and JavaScript
  • +
+
+
+
    +
  • 2023 Nov - present
    Design Lead in SFU OS Development club
  • +
  • 2023 Jan - present
    Software Developer in SFU OS Development club
  • +
+
+
+
    +
  • 2023 Sept - present
    Pursue bacheler of science in SFU
  • +
+
+ \ No newline at end of file diff --git a/style.css b/style.css index b2a2181..8f1800f 100644 --- a/style.css +++ b/style.css @@ -90,10 +90,66 @@ nav ul li a:hover::after { } .about-col-1 { - flex-basis: 100%; + flex-basis: 35%; } .about-col-1 img { - width: 100%; border-radius: 15px; + width: 100%; +} + +.about-col-2 { + flex-basis: 60%; +} + +.sub-title { + font-size: 40px; + font-weight: 600; + color: #fff; +} + +.tab-titles { + display: flex; + margin: 20px 0 40px; +} + +.tab-links { + margin-right: 50px; + font-size: 18px; + font-weight: 500; + cursor: pointer; + position: relative; +} + +.tab-links::after { + content: ''; + width: 0; + height: 3px; + background: #ff004f; + position: absolute; + left: 0; + bottom: -8px; + transition: 0.5s; +} + +.tab-links.active-link::after { + width: 50%; +} + +.tab-contents ul li { + list-style: none; + margin: 10px 0; +} + +.tab-contents ul li span { + color: #b54769; + font-size: 14px; +} + +.tab-contents { + display: none; +} + +.tab-contents.active-tab { + display: block; } \ No newline at end of file