Skip to content

Commit 97c38ee

Browse files
coding-cryingcoding-crying
committed
Transform portfolio to showcase multidisciplinary AI researcher and entrepreneur
- Updated homepage positioning: AI Researcher • Entrepreneur • Designer • Engineer - Revised about page with authentic background from CV - Added real education: BSc in Artificial Intelligence (Graduated 2025) from University of Groningen - Included actual work experience: Silicon Valley Tech Help founder, Purple Mountain Innovations designer - Expanded skills to include AI/ML, CAD design, prototyping, and business consulting - Added professional certifications: Neo4j Certified Professional, SolidWorks CAD, Cybersecurity - Fixed dark mode accessibility issues with improved link and text contrast - Integrated actual CV as downloadable resume Portfolio now accurately represents Will's true expertise beyond just development
1 parent 1adcc6f commit 97c38ee

File tree

7 files changed

+216
-109
lines changed

7 files changed

+216
-109
lines changed

‎Cv2.pdf‎

108 KB
Binary file not shown.

‎about.html‎

Lines changed: 132 additions & 62 deletions
Large diffs are not rendered by default.

‎css/style.css‎

Lines changed: 45 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -19,15 +19,18 @@ body {
1919

2020
/* CSS Variables */
2121
:root {
22-
--primary-color: #8b5cf6;
23-
--primary-dark: #7c3aed;
24-
--secondary-color: #a78bfa;
25-
--accent-color: #c084fc;
22+
--primary-color: #a78bfa;
23+
--primary-dark: #8b5cf6;
24+
--secondary-color: #c084fc;
25+
--accent-color: #ddd6fe;
2626
--bg-color: #0f0f23;
2727
--bg-secondary: #1a1a2e;
2828
--bg-card: #16213e;
29-
--text-color: #e2e8f0;
30-
--text-light: #94a3b8;
29+
--text-color: #f1f5f9;
30+
--text-light: #cbd5e1;
31+
--text-muted: #94a3b8;
32+
--link-color: #c084fc;
33+
--link-hover: #ddd6fe;
3134
--border-color: #334155;
3235
--shadow: 0 4px 6px -1px rgb(139 92 246 / 0.1), 0 2px 4px -2px rgb(139 92 246 / 0.1);
3336
--shadow-lg: 0 10px 15px -3px rgb(139 92 246 / 0.2), 0 4px 6px -4px rgb(139 92 246 / 0.1);
@@ -65,6 +68,21 @@ p {
6568
margin-bottom: 1rem;
6669
}
6770

71+
/* Links */
72+
a {
73+
color: var(--link-color);
74+
text-decoration: none;
75+
transition: var(--transition);
76+
}
77+
78+
a:hover {
79+
color: var(--link-hover);
80+
}
81+
82+
a:visited {
83+
color: var(--secondary-color);
84+
}
85+
6886
/* Header and Navigation */
6987
header {
7088
background: rgba(15, 15, 35, 0.95);
@@ -146,24 +164,25 @@ header {
146164

147165
.btn-secondary {
148166
background: transparent;
149-
color: var(--primary-color);
150-
border: 2px solid var(--primary-color);
167+
color: var(--link-color);
168+
border: 2px solid var(--link-color);
151169
}
152170

153171
.btn-secondary:hover {
154-
background: var(--primary-color);
155-
color: white;
172+
background: var(--link-color);
173+
color: var(--bg-color);
156174
}
157175

158176
.btn-outline {
159177
background: transparent;
160-
color: var(--text-color);
178+
color: var(--text-light);
161179
border: 2px solid var(--border-color);
162180
}
163181

164182
.btn-outline:hover {
165-
background: var(--text-color);
166-
color: white;
183+
background: var(--text-light);
184+
color: var(--bg-color);
185+
border-color: var(--text-light);
167186
}
168187

169188
.btn-small {
@@ -210,6 +229,7 @@ header {
210229
font-size: 1.1rem;
211230
margin-bottom: 2rem;
212231
color: var(--text-light);
232+
line-height: 1.7;
213233
}
214234

215235
.hero-buttons {
@@ -507,19 +527,21 @@ header {
507527

508528
.filter-btn {
509529
padding: 0.75rem 1.5rem;
510-
background: transparent;
530+
background: var(--bg-card);
511531
border: 2px solid var(--border-color);
512532
border-radius: var(--border-radius);
513533
cursor: pointer;
514534
transition: var(--transition);
515535
font-weight: 500;
536+
color: var(--text-light);
516537
}
517538

518539
.filter-btn.active,
519540
.filter-btn:hover {
520541
background: var(--primary-color);
521-
color: white;
542+
color: var(--bg-color);
522543
border-color: var(--primary-color);
544+
transform: translateY(-2px);
523545
}
524546

525547
.projects-grid-section {
@@ -695,11 +717,16 @@ header {
695717
}
696718

697719
.contact-details a {
698-
color: var(--primary-color);
720+
color: var(--link-color);
699721
text-decoration: none;
700722
font-weight: 500;
701723
}
702724

725+
.contact-details a:hover {
726+
color: var(--link-hover);
727+
text-decoration: underline;
728+
}
729+
703730
.availability {
704731
background: var(--bg-card);
705732
padding: 1.5rem;
@@ -851,13 +878,13 @@ footer .container {
851878
}
852879

853880
.social-links a {
854-
color: white;
881+
color: var(--text-light);
855882
text-decoration: none;
856883
transition: var(--transition);
857884
}
858885

859886
.social-links a:hover {
860-
color: var(--primary-color);
887+
color: var(--link-hover);
861888
}
862889

863890
/* Responsive Design */

‎docs/resume.pdf‎

108 KB
Binary file not shown.

‎index.html‎

Lines changed: 31 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -28,11 +28,12 @@ <h2>Will Hermann</h2>
2828
<div class="hero-content">
2929
<div class="hero-text">
3030
<h1>Hi, I'm <span class="highlight">Will Hermann</span></h1>
31-
<p class="hero-subtitle">Full Stack Developer & Problem Solver</p>
31+
<p class="hero-subtitle">AI Researcher • Entrepreneur • Designer • Engineer</p>
3232
<p class="hero-description">
33-
I create modern, responsive web applications and solve complex problems
34-
with clean, efficient code. Passionate about user experience and
35-
cutting-edge technologies.
33+
I research and develop intelligent systems, from machine learning models to
34+
social robotics and conversational AI. As an entrepreneur, I've built tech
35+
consulting businesses and designed innovative products. I hold a BSc in
36+
Artificial Intelligence from University of Groningen.
3637
</p>
3738
<div class="hero-buttons">
3839
<a href="projects.html" class="btn btn-primary">View My Work</a>
@@ -65,10 +66,9 @@ <h3>E-Commerce Platform</h3>
6566
<img src="images/ml-model-comparison.png" alt="ML Model Performance">
6667
<div class="project-info">
6768
<h3>Movie Score Prediction ML System</h3>
68-
<p>CatBoost regression model achieving 17% improvement over baseline</p>
69+
<p>Ensemble models achieving excellent performance (RMSE ~0.3)</p>
6970
<div class="project-links">
70-
<a href="#" class="btn btn-small">View Demo</a>
71-
<a href="#" class="btn btn-small btn-outline">GitHub</a>
71+
<a href="https://github.com/MirkoRUG/Applied-ML-Group17" class="btn btn-small" target="_blank">GitHub</a>
7272
</div>
7373
</div>
7474
</div>
@@ -96,30 +96,39 @@ <h3>Hoody - Intelligent Kitchen Assistant</h3>
9696
<h2>Technical Skills</h2>
9797
<div class="skills-grid">
9898
<div class="skill-category">
99-
<h3>Frontend</h3>
99+
<h3>AI & Machine Learning</h3>
100+
<ul>
101+
<li>Python / TensorFlow</li>
102+
<li>Scikit-learn / NumPy</li>
103+
<li>OpenAI API Integration</li>
104+
<li>Computer Vision / NLP</li>
105+
</ul>
106+
</div>
107+
<div class="skill-category">
108+
<h3>Design & Prototyping</h3>
100109
<ul>
101-
<li>React / Next.js</li>
102-
<li>JavaScript / TypeScript</li>
103-
<li>HTML5 / CSS3</li>
104-
<li>Responsive Design</li>
110+
<li>SolidWorks CAD</li>
111+
<li>3D Printing / Laser Cutting</li>
112+
<li>Figma / Adobe Photoshop</li>
113+
<li>Rapid Prototyping</li>
105114
</ul>
106115
</div>
107116
<div class="skill-category">
108-
<h3>Backend</h3>
117+
<h3>Business & Consulting</h3>
109118
<ul>
110-
<li>Node.js / Express</li>
111-
<li>Python / Django</li>
112-
<li>RESTful APIs</li>
113-
<li>Database Design</li>
119+
<li>Tech Consulting</li>
120+
<li>Client Relations</li>
121+
<li>Product Development</li>
122+
<li>Patent Consultation</li>
114123
</ul>
115124
</div>
116125
<div class="skill-category">
117-
<h3>Tools & DevOps</h3>
126+
<h3>Development & Systems</h3>
118127
<ul>
119-
<li>Git / GitHub</li>
120-
<li>Docker</li>
121-
<li>AWS / Cloud Services</li>
122-
<li>CI/CD Pipelines</li>
128+
<li>React / Full Stack</li>
129+
<li>Docker / Linux</li>
130+
<li>WebSocket / Real-time</li>
131+
<li>Cloud & Networking</li>
123132
</ul>
124133
</div>
125134
</div>

‎js/script.js‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ function initMobileMenu() {
4444
.burger div {
4545
width: 25px;
4646
height: 3px;
47-
background-color: var(--text-color);
47+
background-color: var(--text-light);
4848
margin: 3px 0;
4949
transition: 0.3s;
5050
}
@@ -60,13 +60,14 @@ function initMobileMenu() {
6060
right: -100%;
6161
width: 100%;
6262
height: calc(100vh - 70px);
63-
background: white;
63+
background: var(--bg-color);
6464
flex-direction: column;
6565
justify-content: start;
6666
align-items: center;
6767
padding-top: 2rem;
6868
transition: 0.3s;
6969
box-shadow: var(--shadow);
70+
border-top: 1px solid var(--border-color);
7071
}
7172
7273
.nav-menu.active {

‎projects.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -90,17 +90,16 @@ <h4>Key Features:</h4>
9090
<img src="images/ml-model-comparison.png" alt="Movie Score Prediction ML Model">
9191
<div class="project-overlay">
9292
<div class="project-links">
93-
<a href="#" class="btn btn-primary">View Demo</a>
94-
<a href="#" class="btn btn-outline">GitHub</a>
93+
<a href="https://github.com/MirkoRUG/Applied-ML-Group17" class="btn btn-primary" target="_blank">GitHub</a>
9594
</div>
9695
</div>
9796
</div>
9897
<div class="project-info">
9998
<h3>Movie Score Prediction ML System</h3>
10099
<p class="project-description">
101100
End-to-end machine learning pipeline using CatBoost regression to predict IMDb
102-
movie scores. Achieved 17% improvement over baseline with comprehensive
103-
hyperparameter optimization and production deployment.
101+
movie scores. Ensemble models learning achieved excellent performance with
102+
RMSE ~0.3, demonstrating comprehensive hyperparameter optimization and production deployment.
104103
</p>
105104
<div class="tech-stack">
106105
<span class="tech-tag">CatBoost</span>
@@ -113,7 +112,8 @@ <h3>Movie Score Prediction ML System</h3>
113112
<div class="project-features">
114113
<h4>Key Achievements:</h4>
115114
<ul>
116-
<li>17% performance improvement over baseline (Test RMSE: 0.70)</li>
115+
<li>Excellent ensemble model performance (RMSE ~0.3)</li>
116+
<li>17% performance improvement over baseline methods</li>
117117
<li>Bayesian hyperparameter optimization with 50 trials</li>
118118
<li>Production-ready FastAPI deployment with Docker</li>
119119
<li>Comprehensive evaluation with 5-fold cross-validation</li>

0 commit comments

Comments
 (0)