From 20e48b21e1cf1b14ef3057665d898bf30f5af5b1 Mon Sep 17 00:00:00 2001 From: Joe <189483298+Code-JL@users.noreply.github.com> Date: Fri, 10 Jan 2025 02:20:01 +0000 Subject: [PATCH] Added Styling and about site --- assets/about.css | 66 ++++++++++++++++++++++++++++++++++++ assets/about.html | 71 +++++++++++++++++++++++++++++++++++++++ assets/load/header.html | 5 +++ assets/load/universal.css | 6 ++++ 4 files changed, 148 insertions(+) create mode 100644 assets/about.css create mode 100644 assets/about.html diff --git a/assets/about.css b/assets/about.css new file mode 100644 index 0000000..0067ce5 --- /dev/null +++ b/assets/about.css @@ -0,0 +1,66 @@ +/* Section Styling */ +.story, .programming-journey, .education, .personal-growth, .philosophy { + width: 70%; + margin: 40px auto; + padding: 20px; +} + +/* Typography */ +li, p { + font-size: 18px; + line-height: 1.6; + margin-bottom: 20px; +} + +h1 { + font-size: 85px; +} + +h2 { + font-size: 55px; + margin-bottom: 25px; +} + +h3 { + font-size: 40px; +} + +/* Contact Section Styling */ +section#contact p a img { + width: 50px; + height: 50px; + margin-right: 8px; + vertical-align: middle; +} + +section#contact p a { + font-family: 'rampage-monoline', sans-serif; + font-size: 30px; + color: #e7df69; +} + +section#contact p a:visited { + color: #dfa843; +} + +/* Title Section */ +.title { + text-align: center; + margin-bottom: 50px; +} + +/* Responsive Design */ +@media (max-width: 768px) { + .story, .programming-journey, .education, .personal-growth, .philosophy { + width: 90%; + margin: 20px auto; + } + + h1 { + font-size: 60px; + } + + h2 { + font-size: 40px; + } +} diff --git a/assets/about.html b/assets/about.html new file mode 100644 index 0000000..cd1e35a --- /dev/null +++ b/assets/about.html @@ -0,0 +1,71 @@ + + + + + + About - Joseph Lavoie + + + + +
+ +
+
+

My Journey

+
+ +
+

Early Beginnings

+

My path to software development began with a nomadic childhood, moving between Fort McMurray, Edmonton, and the Dominican Republic. These transitions, while challenging, instilled in me a natural adaptability and an insatiable curiosity about the world around me.

+ +

In grade 8, while settling into yet another new environment, I discovered my passion for programming through video game development. What started as a hobby quickly evolved into a deep fascination with computational problem-solving.

+
+ +
+

Technical Evolution

+

My programming journey began with C++, a choice that threw me into the deep end of software development by the use of a C++ For Dummies book and the Code::Blocks IDE. The complexity of the language taught me fundamental principles that would shape my approach to problem-solving. From there, my curiosity led me to explore Python's elegant simplicity and C#'s robust features.

+ +

During high school, I ventured into web development with HTML and CSS, building projects that could reach users directly through their browsers. This period marked my transition from creating programs for personal use to developing solutions for others.

+
+ +
+

Academic Growth

+

At Cornell College, my passion for technology flourished. The unique one-course-at-a-time format allowed me to dive deep into each programming language and concept. I expanded my toolkit to include Java, React.js, and Scala, while also gaining exposure to binary-level programming.

+ +

Recently, I've begun exploring Android development with Kotlin, embracing the mobile development landscape and its unique challenges.

+
+ +
+

Beyond the Code

+

My commitment to personal growth extends beyond programming. Through sports and weightlifting, I've learned the value of discipline and consistent effort. These physical pursuits have taught me that progress, whether in coding or fitness, comes through dedicated practice and perseverance.

+ +

The diverse environment at Cornell College has been transformative, helping me develop from an introverted programmer into a more well-rounded individual. Interacting with peers from various backgrounds has enhanced my communication skills and broadened my perspective on problem-solving.

+
+ +
+

Looking Forward

+

I view software development as more than just writing code. It's about creating solutions that make a difference, whether that's through a more efficient inventory system or an AI-powered web tool. Each project is an opportunity to learn and grow.

+ +

My diverse background has taught me that the best solutions often come from combining different perspectives and approaches. I bring this mindset to every project, always looking for innovative ways to solve complex problems.

+
+ +
+

You know a bit about me now. Let's Connect

+

Email IconJosephL@tuta.com

+

GitHub IconCode-JL

+

LinkedIn IconLinkedIn

+
+
+ + + + + + + + + + diff --git a/assets/load/header.html b/assets/load/header.html index fbbe274..ce67f70 100644 --- a/assets/load/header.html +++ b/assets/load/header.html @@ -5,6 +5,11 @@ Home Icon Home +
  • + + About Icon About + +
  • Projects Icon Projects diff --git a/assets/load/universal.css b/assets/load/universal.css index 9a4369b..8b8d2e9 100644 --- a/assets/load/universal.css +++ b/assets/load/universal.css @@ -89,6 +89,12 @@ section { border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); color: #eef6fc; + border-left: 3px solid #e7df69; + transition: transform 0.3s ease; +} + +section:hover { + transform: translateX(10px); } /* Section Sizing */