-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added comments, increase code's readability. small additions
- Loading branch information
Showing
14 changed files
with
580 additions
and
469 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,40 +1,48 @@ | ||
/* Contact Section Styling */ | ||
section#contact p a img { | ||
width: 50px; | ||
height: 50px; | ||
margin-right: 8px; | ||
vertical-align: middle; | ||
width: 50px; | ||
height: 50px; | ||
margin-right: 8px; | ||
vertical-align: middle; /* Aligns icons with text */ | ||
} | ||
|
||
section#contact p a { | ||
font-family: 'rampage-monoline', sans-serif; | ||
font-size: 30px; | ||
color: #e7df69; | ||
font-family: 'rampage-monoline', sans-serif; | ||
font-size: 30px; | ||
color: #e7df69; /* Bright yellow text */ | ||
} | ||
|
||
section#contact p a:visited, li a { | ||
color: #dfa843; /* Alternate color for visited links */ | ||
} | ||
|
||
/* Section Sizing */ | ||
section.title { | ||
width: 30%; | ||
width: 30%; | ||
} | ||
|
||
section { | ||
width: 50%; | ||
width: 50%; | ||
} | ||
|
||
/* List and Link Styling */ | ||
li a { | ||
color: #e7df69; | ||
} | ||
section#contact p a:visited, li a { | ||
color: #dfa843; | ||
color: #e7df69; /* Bright yellow text for links */ | ||
} | ||
|
||
li, p { | ||
font-size: 18px | ||
font-size: 18px; /* Standard font size */ | ||
} | ||
|
||
/* Headings */ | ||
h1 { | ||
font-size: 85px; | ||
font-size: 85px; /* Large heading */ | ||
} | ||
|
||
h2 { | ||
font-size: 55px; | ||
font-size: 55px; /* Medium heading */ | ||
} | ||
|
||
h3 { | ||
font-size: 40px; | ||
} | ||
font-size: 40px; /* Small heading */ | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -3,71 +3,75 @@ | |
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Projects - Joseph Lavoie</title> | ||
<meta name="description" content="Joseph Lavoie's educational background, including his high school and university degrees, along with a list of relevant coursework and achievements."> | ||
<title>Education - Joseph Lavoie</title> | ||
<link rel="stylesheet" href="load/universal.css"> | ||
<link rel="stylesheet" href="education.css"> | ||
</head> | ||
<body> | ||
<header></header> | ||
<section class='title'> | ||
<h1>Education</h1> | ||
</section> | ||
|
||
<section> | ||
<article> | ||
<h2>St. Francis Xavier High School</h2> | ||
<p><strong>High School Diploma</strong></p> | ||
<p><em>January 2019 - June 2021</em></p> | ||
<p>Location: Edmonton, Alberta, Canada</p> | ||
<p>Honors</p> | ||
<main> | ||
<section class="title"> | ||
<h1>Education</h1> | ||
</section> | ||
|
||
</article> | ||
<hr><hr> | ||
<article> | ||
<h2>Cornell College</h2> | ||
<p><strong>Bachelor's Degree</strong></p> | ||
<p><em>August 2021 - May 2024</em></p> | ||
<p>Mount Vernon, Iowa, United States</p> | ||
<p>GPA: 3.63</p> | ||
<section> | ||
<article> | ||
<h2>St. Francis Xavier High School</h2> | ||
<p><strong>High School Diploma</strong></p> | ||
<p><em>January 2019 - June 2021</em></p> | ||
<p>Location: Edmonton, Alberta, Canada</p> | ||
<p>Honors</p> | ||
</article> | ||
|
||
<h3>Relevant Coursework & Syllabi</h3> | ||
<ul> | ||
<li><a href="../files/syllabi/CSC140.pdf" target="_blank">Foundations of Computer Science: A</a></li> | ||
<li><a href="../files/syllabi/CSC151.pdf" target="_blank">Discrete Mathematics: A</a></li> | ||
<li><a href="../files/syllabi/CSC144.pdf" target="_blank">Object-Oriented Programming: A</a></li> | ||
<li><a href="../files/syllabi/CSC218.pdf" target="_blank">Computer Organization: A</a></li> | ||
<li><a href="../files/syllabi/CSC301.pdf" target="_blank">Algorithms & Data Structures: A</a></li> | ||
<li><a href="../files/syllabi/CSC359.pdf" target="_blank">Applications for the Web: A-</a></li> | ||
<li><a href="../files/syllabi/CSC311.pdf" target="_blank">Systems Software: A-</a></li> | ||
<li><a href="../files/syllabi/CSC315.pdf" target="_blank">Programming Language Concepts: A</a></li> | ||
<li><a href="../files/syllabi/CSC358.pdf" target="_blank">Bioinformatics: B</a></li> | ||
</ul> | ||
|
||
|
||
<h3>Achievements</h3> | ||
<ul> | ||
<li>Academic All-Conference, 2021-2024</li> | ||
<li>High Honors, 2022-2024</li> | ||
<li>Honors, 2021</li> | ||
</ul> | ||
</article> | ||
</section> | ||
<hr> | ||
|
||
<article> | ||
<h2>Cornell College</h2> | ||
<p><strong>Bachelor's Degree</strong></p> | ||
<p><em>August 2021 - May 2024</em></p> | ||
<p>Location: Mount Vernon, Iowa, United States</p> | ||
<p>GPA: 3.63</p> | ||
|
||
<h3>Relevant Coursework & Syllabi</h3> | ||
<ul> | ||
<li><a href="../files/syllabi/CSC140.pdf" target="_blank">Foundations of Computer Science: A</a></li> | ||
<li><a href="../files/syllabi/CSC151.pdf" target="_blank">Discrete Mathematics: A</a></li> | ||
<li><a href="../files/syllabi/CSC144.pdf" target="_blank">Object-Oriented Programming: A</a></li> | ||
<li><a href="../files/syllabi/CSC218.pdf" target="_blank">Computer Organization: A</a></li> | ||
<li><a href="../files/syllabi/CSC301.pdf" target="_blank">Algorithms & Data Structures: A</a></li> | ||
<li><a href="../files/syllabi/CSC359.pdf" target="_blank">Applications for the Web: A-</a></li> | ||
<li><a href="../files/syllabi/CSC311.pdf" target="_blank">Systems Software: A-</a></li> | ||
<li><a href="../files/syllabi/CSC315.pdf" target="_blank">Programming Language Concepts: A</a></li> | ||
<li><a href="../files/syllabi/CSC358.pdf" target="_blank">Bioinformatics: B</a></li> | ||
</ul> | ||
|
||
<section id="contact"> | ||
<h2>Contact</h2> | ||
<p><a href="mailto:[email protected]"><img src="../images/email.png" alt="Home Icon">[email protected]</a></p> | ||
<p><a href="https://github.com/Code-JL" target="_blank"><img src="../images/github.png" alt="Home Icon">Code-JL</a></p> | ||
<p><a href="https://linkedin.com/in/joseph-lavoie-803470260/" target="_blank"><img src="../images/linkedin.png" alt="Home Icon">Linkedin</a></p> | ||
</section> | ||
<h3>Achievements</h3> | ||
<ul> | ||
<li>Academic All-Conference, 2021-2024</li> | ||
<li>High Honors, 2022-2024</li> | ||
<li>Honors, 2021</li> | ||
</ul> | ||
</article> | ||
</section> | ||
|
||
|
||
<section id="contact"> | ||
<h2>Contact</h2> | ||
<p><a href="mailto:[email protected]" aria-label="Send an email to Joseph Lavoie"><img src="../images/email.png" alt="Email Icon">[email protected]</a></p> | ||
<p><a href="https://github.com/Code-JL" target="_blank" aria-label="Visit Joseph Lavoie's GitHub"><img src="../images/github.png" alt="GitHub Icon">Code-JL</a></p> | ||
<p><a href="https://linkedin.com/in/joseph-lavoie-803470260/" target="_blank" aria-label="Visit Joseph Lavoie's LinkedIn"><img src="../images/linkedin.png" alt="LinkedIn Icon">LinkedIn</a></p> | ||
</section> | ||
</main> | ||
|
||
<footer> | ||
<p>© 2024 Joseph Lavoie</p> | ||
</footer> | ||
<canvas id="bg1"></canvas> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script> | ||
<script src="load/universal.js"></script> | ||
|
||
<canvas id="bg1" style="width: 100%; height: 100%;"></canvas> | ||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js" defer></script> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js" defer></script> | ||
<script src="load/universal.js" defer></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,48 +1,52 @@ | ||
/* Gallery */ | ||
/* Gallery Styles */ | ||
.gallery { | ||
display: grid; | ||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | ||
gap: 20px; | ||
display: grid; | ||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | ||
gap: 20px; | ||
} | ||
|
||
.gallery img { | ||
width: 100%; | ||
border-radius: 5px; | ||
border: 2px solid #112c42; /* Dark blue border */ | ||
transition: transform 0.3s ease, box-shadow 0.3s ease; | ||
cursor: pointer; | ||
width: 100%; | ||
border-radius: 5px; | ||
border: 2px solid #112c42; /* Dark blue border */ | ||
transition: transform 0.3s ease, box-shadow 0.3s ease; | ||
cursor: pointer; | ||
} | ||
|
||
.gallery img:hover { | ||
transform: scale(1.05); | ||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); | ||
transform: scale(1.05); | ||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Adds hover emphasis */ | ||
} | ||
|
||
/* Contact Section Styles */ | ||
section#contact p a img { | ||
width: 50px; | ||
height: 50px; | ||
margin-right: 8px; | ||
vertical-align: middle; | ||
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; | ||
font-family: 'rampage-monoline', sans-serif; | ||
font-size: 30px; | ||
color: #e7df69; /* Link color */ | ||
} | ||
|
||
section#contact p a:visited { | ||
color: #dfa843; | ||
color: #dfa843; | ||
} | ||
|
||
/* Typography */ | ||
li, p { | ||
font-size: 18px | ||
font-size: 18px; /* Base font size */ | ||
} | ||
|
||
h1 { | ||
font-size: 85px; | ||
font-size: 85px; | ||
} | ||
h2 { | ||
font-size: 55px; | ||
font-size: 55px; | ||
} | ||
h3 { | ||
font-size: 40px; | ||
} | ||
font-size: 40px; | ||
} |
Oops, something went wrong.