Skip to content

Commit 02ee49c

Browse files
Code-JLCode-JL
committed
Added comments, increase code's readability. small additions
1 parent b129c4b commit 02ee49c

File tree

14 files changed

+580
-469
lines changed

14 files changed

+580
-469
lines changed

‎assets/education.css

Lines changed: 26 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,48 @@
1+
/* Contact Section Styling */
12
section#contact p a img {
2-
width: 50px;
3-
height: 50px;
4-
margin-right: 8px;
5-
vertical-align: middle;
3+
width: 50px;
4+
height: 50px;
5+
margin-right: 8px;
6+
vertical-align: middle; /* Aligns icons with text */
67
}
78

89
section#contact p a {
9-
font-family: 'rampage-monoline', sans-serif;
10-
font-size: 30px;
11-
color: #e7df69;
10+
font-family: 'rampage-monoline', sans-serif;
11+
font-size: 30px;
12+
color: #e7df69; /* Bright yellow text */
1213
}
1314

15+
section#contact p a:visited, li a {
16+
color: #dfa843; /* Alternate color for visited links */
17+
}
18+
19+
/* Section Sizing */
1420
section.title {
15-
width: 30%;
21+
width: 30%;
1622
}
1723

1824
section {
19-
width: 50%;
25+
width: 50%;
2026
}
27+
28+
/* List and Link Styling */
2129
li a {
22-
color: #e7df69;
23-
}
24-
section#contact p a:visited, li a {
25-
color: #dfa843;
30+
color: #e7df69; /* Bright yellow text for links */
2631
}
2732

2833
li, p {
29-
font-size: 18px
34+
font-size: 18px; /* Standard font size */
3035
}
3136

37+
/* Headings */
3238
h1 {
33-
font-size: 85px;
39+
font-size: 85px; /* Large heading */
3440
}
41+
3542
h2 {
36-
font-size: 55px;
43+
font-size: 55px; /* Medium heading */
3744
}
45+
3846
h3 {
39-
font-size: 40px;
40-
}
47+
font-size: 40px; /* Small heading */
48+
}

‎assets/education.html

Lines changed: 56 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -3,71 +3,75 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Projects - Joseph Lavoie</title>
6+
<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.">
7+
<title>Education - Joseph Lavoie</title>
78
<link rel="stylesheet" href="load/universal.css">
89
<link rel="stylesheet" href="education.css">
910
</head>
1011
<body>
1112
<header></header>
12-
<section class='title'>
13-
<h1>Education</h1>
14-
</section>
1513

16-
<section>
17-
<article>
18-
<h2>St. Francis Xavier High School</h2>
19-
<p><strong>High School Diploma</strong></p>
20-
<p><em>January 2019 - June 2021</em></p>
21-
<p>Location: Edmonton, Alberta, Canada</p>
22-
<p>Honors</p>
14+
<main>
15+
<section class="title">
16+
<h1>Education</h1>
17+
</section>
2318

24-
</article>
25-
<hr><hr>
26-
<article>
27-
<h2>Cornell College</h2>
28-
<p><strong>Bachelor's Degree</strong></p>
29-
<p><em>August 2021 - May 2024</em></p>
30-
<p>Mount Vernon, Iowa, United States</p>
31-
<p>GPA: 3.63</p>
19+
<section>
20+
<article>
21+
<h2>St. Francis Xavier High School</h2>
22+
<p><strong>High School Diploma</strong></p>
23+
<p><em>January 2019 - June 2021</em></p>
24+
<p>Location: Edmonton, Alberta, Canada</p>
25+
<p>Honors</p>
26+
</article>
3227

33-
<h3>Relevant Coursework & Syllabi</h3>
34-
<ul>
35-
<li><a href="../files/syllabi/CSC140.pdf" target="_blank">Foundations of Computer Science: A</a></li>
36-
<li><a href="../files/syllabi/CSC151.pdf" target="_blank">Discrete Mathematics: A</a></li>
37-
<li><a href="../files/syllabi/CSC144.pdf" target="_blank">Object-Oriented Programming: A</a></li>
38-
<li><a href="../files/syllabi/CSC218.pdf" target="_blank">Computer Organization: A</a></li>
39-
<li><a href="../files/syllabi/CSC301.pdf" target="_blank">Algorithms & Data Structures: A</a></li>
40-
<li><a href="../files/syllabi/CSC359.pdf" target="_blank">Applications for the Web: A-</a></li>
41-
<li><a href="../files/syllabi/CSC311.pdf" target="_blank">Systems Software: A-</a></li>
42-
<li><a href="../files/syllabi/CSC315.pdf" target="_blank">Programming Language Concepts: A</a></li>
43-
<li><a href="../files/syllabi/CSC358.pdf" target="_blank">Bioinformatics: B</a></li>
44-
</ul>
45-
46-
47-
<h3>Achievements</h3>
48-
<ul>
49-
<li>Academic All-Conference, 2021-2024</li>
50-
<li>High Honors, 2022-2024</li>
51-
<li>Honors, 2021</li>
52-
</ul>
53-
</article>
54-
</section>
28+
<hr>
29+
30+
<article>
31+
<h2>Cornell College</h2>
32+
<p><strong>Bachelor's Degree</strong></p>
33+
<p><em>August 2021 - May 2024</em></p>
34+
<p>Location: Mount Vernon, Iowa, United States</p>
35+
<p>GPA: 3.63</p>
36+
37+
<h3>Relevant Coursework & Syllabi</h3>
38+
<ul>
39+
<li><a href="../files/syllabi/CSC140.pdf" target="_blank">Foundations of Computer Science: A</a></li>
40+
<li><a href="../files/syllabi/CSC151.pdf" target="_blank">Discrete Mathematics: A</a></li>
41+
<li><a href="../files/syllabi/CSC144.pdf" target="_blank">Object-Oriented Programming: A</a></li>
42+
<li><a href="../files/syllabi/CSC218.pdf" target="_blank">Computer Organization: A</a></li>
43+
<li><a href="../files/syllabi/CSC301.pdf" target="_blank">Algorithms & Data Structures: A</a></li>
44+
<li><a href="../files/syllabi/CSC359.pdf" target="_blank">Applications for the Web: A-</a></li>
45+
<li><a href="../files/syllabi/CSC311.pdf" target="_blank">Systems Software: A-</a></li>
46+
<li><a href="../files/syllabi/CSC315.pdf" target="_blank">Programming Language Concepts: A</a></li>
47+
<li><a href="../files/syllabi/CSC358.pdf" target="_blank">Bioinformatics: B</a></li>
48+
</ul>
5549

56-
<section id="contact">
57-
<h2>Contact</h2>
58-
<p><a href="mailto:[email protected]"><img src="../images/email.png" alt="Home Icon">[email protected]</a></p>
59-
<p><a href="https://github.com/Code-JL" target="_blank"><img src="../images/github.png" alt="Home Icon">Code-JL</a></p>
60-
<p><a href="https://linkedin.com/in/joseph-lavoie-803470260/" target="_blank"><img src="../images/linkedin.png" alt="Home Icon">Linkedin</a></p>
61-
</section>
50+
<h3>Achievements</h3>
51+
<ul>
52+
<li>Academic All-Conference, 2021-2024</li>
53+
<li>High Honors, 2022-2024</li>
54+
<li>Honors, 2021</li>
55+
</ul>
56+
</article>
57+
</section>
6258

63-
59+
<section id="contact">
60+
<h2>Contact</h2>
61+
<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>
62+
<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>
63+
<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>
64+
</section>
65+
</main>
6466

6567
<footer>
6668
<p>© 2024 Joseph Lavoie</p>
6769
</footer>
68-
<canvas id="bg1"></canvas>
69-
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js"></script>
70-
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js"></script>
71-
<script src="load/universal.js"></script>
70+
71+
<canvas id="bg1" style="width: 100%; height: 100%;"></canvas>
72+
73+
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/matter.min.js" defer></script>
74+
<script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.19.0/plugins/matter-wrap.min.js" defer></script>
75+
<script src="load/universal.js" defer></script>
7276
</body>
7377
</html>

‎assets/home.css

Lines changed: 28 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,48 +1,52 @@
1-
/* Gallery */
1+
/* Gallery Styles */
22
.gallery {
3-
display: grid;
4-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
5-
gap: 20px;
3+
display: grid;
4+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
5+
gap: 20px;
66
}
77

88
.gallery img {
9-
width: 100%;
10-
border-radius: 5px;
11-
border: 2px solid #112c42; /* Dark blue border */
12-
transition: transform 0.3s ease, box-shadow 0.3s ease;
13-
cursor: pointer;
9+
width: 100%;
10+
border-radius: 5px;
11+
border: 2px solid #112c42; /* Dark blue border */
12+
transition: transform 0.3s ease, box-shadow 0.3s ease;
13+
cursor: pointer;
1414
}
1515

1616
.gallery img:hover {
17-
transform: scale(1.05);
18-
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
17+
transform: scale(1.05);
18+
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Adds hover emphasis */
1919
}
2020

21+
/* Contact Section Styles */
2122
section#contact p a img {
22-
width: 50px;
23-
height: 50px;
24-
margin-right: 8px;
25-
vertical-align: middle;
23+
width: 50px;
24+
height: 50px;
25+
margin-right: 8px;
26+
vertical-align: middle;
2627
}
2728

2829
section#contact p a {
29-
font-family: 'rampage-monoline', sans-serif;
30-
font-size: 30px;
31-
color: #e7df69;
30+
font-family: 'rampage-monoline', sans-serif;
31+
font-size: 30px;
32+
color: #e7df69; /* Link color */
3233
}
34+
3335
section#contact p a:visited {
34-
color: #dfa843;
36+
color: #dfa843;
3537
}
38+
39+
/* Typography */
3640
li, p {
37-
font-size: 18px
41+
font-size: 18px; /* Base font size */
3842
}
3943

4044
h1 {
41-
font-size: 85px;
45+
font-size: 85px;
4246
}
4347
h2 {
44-
font-size: 55px;
48+
font-size: 55px;
4549
}
4650
h3 {
47-
font-size: 40px;
48-
}
51+
font-size: 40px;
52+
}

0 commit comments

Comments
 (0)