Skip to content

Commit 44bc660

Browse files
Code-JLCode-JL
committed
Added project images, school crest pngs, updated gallary, fixed links.
1 parent b6fac12 commit 44bc660

23 files changed

+93
-36
lines changed

‎assets/education.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,20 @@ section {
2020
width: 50%;
2121
}
2222

23+
/* School Header Styling */
24+
.school-header {
25+
display: flex;
26+
align-items: center;
27+
gap: 1.5rem;
28+
margin-bottom: 1rem;
29+
}
30+
31+
.school-crest {
32+
width: 60px;
33+
height: 60px;
34+
object-fit: contain;
35+
}
36+
2337
/* List and Link Styling */
2438
li a {
2539
color: #e7df69; /* Bright yellow text for links */

‎assets/education.html

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,10 @@ <h1 id="type">Education</h1>
1818

1919
<section>
2020
<article>
21-
<h2>St. Francis Xavier High School</h2>
21+
<div class="school-header">
22+
<img src="../images/xavier.png" alt="St. Francis Xavier High School Crest" class="school-crest">
23+
<h2>St. Francis Xavier High School</h2>
24+
</div>
2225
<p><strong>High School Diploma</strong></p>
2326
<p><em>January 2019 - June 2021</em></p>
2427
<p>Location: Edmonton, Alberta, Canada</p>
@@ -28,7 +31,10 @@ <h2>St. Francis Xavier High School</h2>
2831
<hr>
2932

3033
<article>
31-
<h2>Cornell College</h2>
34+
<div class="school-header">
35+
<img src="../images/cornell.png" alt="Cornell College Crest" class="school-crest">
36+
<h2>Cornell College</h2>
37+
</div>
3238
<p><strong>Bachelor's Degree</strong></p>
3339
<p><em>August 2021 - May 2024</em></p>
3440
<p>Location: Mount Vernon, Iowa, United States</p>

‎assets/home.css

Lines changed: 23 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,36 @@
11
/* Gallery Styles */
22
.gallery {
33
display: grid;
4-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
5-
gap: 20px;
4+
grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
5+
gap: 2rem;
6+
max-width: 1200px;
7+
margin: 0 auto;
8+
}
9+
10+
.gallery figure {
11+
margin: 0;
12+
padding: 1rem;
13+
background: rgba(255, 255, 255, 0.1);
14+
border-radius: 8px;
15+
text-align: center;
616
}
717

818
.gallery img {
919
width: 100%;
10-
border-radius: 5px;
20+
height: auto;
21+
border-radius: 4px;
1122
border: 2px solid #112c42; /* Dark blue border */
1223
transition: transform 0.3s ease, box-shadow 0.3s ease;
1324
cursor: pointer;
25+
margin-bottom: 1rem;
1426
}
1527

1628
.gallery img:hover {
1729
transform: scale(1.05);
1830
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Adds hover emphasis */
1931
}
2032

33+
2134
/* Contact Section Styles */
2235
section#contact p a img {
2336
width: 50px;
@@ -54,3 +67,10 @@ h2 {
5467
h3 {
5568
font-size: 40px;
5669
}
70+
71+
/* Media query to ensure max 3 columns */
72+
@media (min-width: 900px) {
73+
.gallery {
74+
grid-template-columns: repeat(3, 1fr);
75+
}
76+
}

‎assets/home.html

Lines changed: 41 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -21,38 +21,56 @@ <h1 id="type">Joseph JP Lavoie</h1>
2121

2222
<section id="projects">
2323
<h2>Featured Projects</h2>
24-
<ul>
25-
<li>
26-
<a href="https://github.com/Code-JL/GUI-Inventory-Manager" target="_blank" class="button">GUI Inventory Manager</a>
27-
Cross-platform inventory management system built with C++ and WxWidgets, supporting Linux, MacOS, and Windows platforms.
28-
</li>
29-
<li>
30-
<a href="https://github.com/Code-JL/AI-Page-Summary" target="_blank" class="button">AI Page Summary</a>
31-
Browser extension for AI-powered webpage summarization using Hugging Face's BART model.
32-
</li>
33-
<li>
34-
<a href="https://github.com/Code-JL/NFL-Point-Kicker-Data-Scraper" target="_blank" class="button">NFL-Point-Kicker-Data-Scraper</a>
35-
Python-based automated data collection and analysis tool for NFL game statistics.
36-
</li>
37-
</ul>
24+
<ul>
25+
<li>
26+
<a href="../projects/inventory_manager/about.html" class="button">GUI Inventory Manager</a>
27+
Cross-platform inventory management system built with C++ and WxWidgets, supporting Linux, MacOS, and Windows platforms.
28+
</li>
29+
<li>
30+
<a href="../projects/ai_page_summary/about.html" class="button">AI Page Summary</a>
31+
Browser extension for AI-powered webpage summarization using Hugging Face's BART model.
32+
</li>
33+
<li>
34+
<a href="../projects/kicker_data_scraper/about.html" class="button">NFL-Point-Kicker-Data-Scraper</a>
35+
Python-based automated data collection and analysis tool for NFL game statistics.
36+
</li>
37+
</ul>
3838
<h3>Gallery</h3>
3939
<div class="gallery">
4040
<figure>
41-
<img src="../images/kick-tool.jpg" alt="Screenshot of NFL Point Kicker Data Scraper project" title="Kicker Tool">
42-
<figcaption>Kicker Tool</figcaption>
43-
<a href="../images/kick-tool.jpg" target="_blank" class="button">View Full Image</a>
41+
<img src="../projects/images/kicker_data_scraper0.JPG" alt="Screenshot of NFL Point Kicker Data Scraper interface" title="Kicker Data Scraper">
42+
<figcaption>Kicker Data Scraper</figcaption>
43+
<a href="../projects/images/kicker_data_scraper0.JPG" target="_blank" class="button">View Full Image</a>
4444
</figure>
45+
4546
<figure>
46-
<img src="../images/portfolio-website.jpg" alt="Screenshot of Portfolio Website" title="Portfolio Website">
47-
<figcaption>Portfolio Website</figcaption>
48-
<a href="../images/portfolio-website.jpg" target="_blank" class="button">View Full Image</a>
47+
<img src="../projects/images/invetory_manager_new0.JPG" alt="Screenshot of GUI Inventory Manager application" title="Inventory Manager">
48+
<figcaption>Inventory Manager</figcaption>
49+
<a href="../projects/images/invetory_manager_new0.JPG" target="_blank" class="button">View Full Image</a>
50+
</figure>
51+
52+
<figure>
53+
<img src="../projects/images/ai_page_summary0.JPG" alt="Screenshot of AI Page Summary extension" title="AI Page Summary">
54+
<figcaption>AI Page Summary</figcaption>
55+
<a href="../projects/images/ai_page_summary0.JPG" target="_blank" class="button">View Full Image</a>
56+
</figure>
57+
<figure>
58+
<img src="../projects/images/dna_sequence_analyzer0.JPG" alt="DNA Sequence Analysis Interface" title="DNA Sequence Analyzer">
59+
<figcaption>DNA Sequence Analyzer</figcaption>
60+
<a href="../projects/images/dna_sequence_analyzer0.JPG" target="_blank" class="button">View Full Image</a>
61+
</figure>
62+
<figure>
63+
<img src="../projects/images/kicker_predictor0.JPG" alt="Kicker Predictor Analysis Dashboard" title="Kicker Predictor">
64+
<figcaption>Kicker Predictor</figcaption>
65+
<a href="../projects/images/kicker_predictor0.JPG" target="_blank" class="button">View Full Image</a>
4966
</figure>
67+
5068
<figure>
51-
<img src="../images/portfolio-website.jpg" alt="Screenshot of Portfolio Website" title="Portfolio Website">
69+
<img src="../projects/images/portfolio_website0.JPG" alt="Portfolio Website Homepage" title="Portfolio Website">
5270
<figcaption>Portfolio Website</figcaption>
53-
<a href="../images/portfolio-website.jpg" target="_blank" class="button">View Full Image</a>
71+
<a href="../projects/images/portfolio_website0.JPG" target="_blank" class="button">View Full Image</a>
5472
</figure>
55-
</div>
73+
</div>
5674
</section>
5775

5876
<section id="skills">

‎assets/projects.html

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ <h1 id="type">Projects</h1>
1919
<section class="project">
2020
<h2>GUI Inventory Manager</h2>
2121
<div class="image-container">
22-
<img src="../images/inventory-gui.jpg" alt="Screenshot of the GUI Inventory Manager interface" class="project-image">
22+
<img src="../projects/images/invetory_manager_new1.JPG" alt="Screenshot of the GUI Inventory Manager interface" class="project-image">
2323
</div>
2424
<p><strong>About:</strong> A cross-platform C++ inventory management application built with wxWidgets, supporting Linux, macOS, and Windows platforms.</p>
2525
<p><strong>Key Features:</strong></p>
@@ -37,7 +37,7 @@ <h2>GUI Inventory Manager</h2>
3737
<section class="project">
3838
<h2>AI Page Summary</h2>
3939
<div class="image-container">
40-
<img src="../images/ai-summary.jpg" alt="Screenshot of the AI Page Summary Chrome extension" class="project-image">
40+
<img src="../projects/images/ai_page_summary1.JPG" alt="Screenshot of the AI Page Summary Chrome extension" class="project-image">
4141
</div>
4242
<p><strong>About:</strong> A Chrome extension using Hugging Face's BART model for intelligent webpage summarization.</p>
4343
<p><strong>Key Features:</strong></p>
@@ -55,7 +55,7 @@ <h2>AI Page Summary</h2>
5555
<section class="project">
5656
<h2>NFL Kicker Predictor</h2>
5757
<div class="image-container">
58-
<img src="../images/kick-tool.jpg" alt="Screenshot of the NFL Kicker Predictor interface" class="project-image">
58+
<img src="../projects/images/kicker_predictor0.JPG" alt="Screenshot of the NFL Kicker Predictor interface" class="project-image">
5959
</div>
6060
<p><strong>About:</strong> A sophisticated Python application for real-time NFL kicker statistics and performance analysis.</p>
6161
<p><strong>Key Features:</strong></p>
@@ -73,7 +73,7 @@ <h2>NFL Kicker Predictor</h2>
7373
<section class="project">
7474
<h2>DNA Sequence Analyzer</h2>
7575
<div class="image-container">
76-
<img src="../images/dna-analyzer.jpg" alt="Screenshot of the DNA Sequence Analyzer" class="project-image">
76+
<img src="../projects/images/dna_sequence_analyzer0.JPG" alt="Screenshot of the DNA Sequence Analyzer" class="project-image">
7777
</div>
7878
<p><strong>About:</strong> A Python-based bioinformatics tool for comprehensive DNA sequence analysis and manipulation.</p>
7979
<p><strong>Key Features:</strong></p>
@@ -91,7 +91,7 @@ <h2>DNA Sequence Analyzer</h2>
9191
<section class="project">
9292
<h2>Inventory Manager - Command-line Version</h2>
9393
<div class="image-container">
94-
<img src="../images/inventory-cli.jpg" alt="Screenshot of the Command-line Inventory Manager" class="project-image">
94+
<img src="../projects/images/invetory_manager_old1.JPG" alt="Screenshot of the Command-line Inventory Manager" class="project-image">
9595
</div>
9696
<p><strong>About:</strong> A robust C++ inventory management system with an intuitive command-line interface and CSV file storage.</p>
9797
<p><strong>Key Features:</strong></p>
@@ -101,15 +101,14 @@ <h2>Inventory Manager - Command-line Version</h2>
101101
<li>Case-insensitive Search</li>
102102
<li>Customizable Export Options</li>
103103
</ul>
104-
<a href="../projects/inventory_manager/about.html" target="_blank" class="button">View Project Details</a>
105104
<a href="https://github.com/Code-JL/Inventory-Manager" target="_blank" class="button">View on GitHub</a>
106105
</section>
107106

108107
<!-- Portfolio Website -->
109108
<section class="project">
110109
<h2>Portfolio Website</h2>
111110
<div class="image-container">
112-
<img src="../images/portfolio-website.jpg" alt="Screenshot of the Portfolio Website" class="project-image">
111+
<img src="../projects/images/portfolio_website1.JPG" alt="Screenshot of the Portfolio Website" class="project-image">
113112
</div>
114113
<p><strong>About:</strong> A modern, interactive portfolio website featuring Matter.js physics engine animations and responsive design.</p>
115114
<p><strong>Key Features:</strong></p>
@@ -127,7 +126,7 @@ <h2>Portfolio Website</h2>
127126
<section class="project">
128127
<h2>NFL Point Kicker Data Scraper</h2>
129128
<div class="image-container">
130-
<img src="../images/kick-tool.jpg" alt="Screenshot of the NFL Point Kicker Data Scraper" class="project-image">
129+
<img src="../projects/images/kicker_data_scraper1.JPG" alt="Screenshot of the NFL Point Kicker Data Scraper" class="project-image">
131130
</div>
132131
<p><strong>About:</strong> A Python-based web scraping toolkit for extracting and processing NFL field goal kicking statistics.</p>
133132
<p><strong>Key Features:</strong></p>

‎images/cornell.png

5.71 KB
Loading

‎images/portfolio-website.jpg

-98.9 KB
Binary file not shown.

‎images/xavier.png

30.2 KB
Loading

‎projects/images/ai_page_summary0.JPG

486 KB
Loading

‎projects/images/ai_page_summary1.JPG

327 KB
Loading

0 commit comments

Comments
 (0)