Skip to content

Commit e967c52

Browse files
coding-cryingcoding-crying
committed
Update portfolio with dark purple theme and personal branding
- Implemented dark color scheme with purple accents (#8b5cf6) - Updated all pages with Will Hermann branding - Replaced profile images with new square cropped headshot - Enhanced visual hierarchy with improved card styling - Added consistent border styling and shadow effects
1 parent 506a7b7 commit e967c52

11 files changed

+49
-37
lines changed

‎Social Robotics - Report.zip‎

6.83 MB
Binary file not shown.

‎Social_Robotics___Report (2).pdf‎

6.64 MB
Binary file not shown.

‎about.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>About - Your Name</title>
6+
<title>About - Will Hermann</title>
77
<link rel="stylesheet" href="css/style.css">
88
</head>
99
<body>
1010
<header>
1111
<nav>
1212
<div class="nav-container">
1313
<div class="logo">
14-
<h2>Your Name</h2>
14+
<h2>Will Hermann</h2>
1515
</div>
1616
<ul class="nav-menu">
1717
<li><a href="index.html">Home</a></li>
@@ -232,7 +232,7 @@ <h3>Full Stack Web Development</h3>
232232

233233
<footer>
234234
<div class="container">
235-
<p>&copy; 2024 Your Name. All rights reserved.</p>
235+
<p>&copy; 2024 Will Hermann. All rights reserved.</p>
236236
<div class="social-links">
237237
<a href="#" aria-label="GitHub">GitHub</a>
238238
<a href="#" aria-label="LinkedIn">LinkedIn</a>

‎contact.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Contact - Your Name</title>
6+
<title>Contact - Will Hermann</title>
77
<link rel="stylesheet" href="css/style.css">
88
</head>
99
<body>
1010
<header>
1111
<nav>
1212
<div class="nav-container">
1313
<div class="logo">
14-
<h2>Your Name</h2>
14+
<h2>Will Hermann</h2>
1515
</div>
1616
<ul class="nav-menu">
1717
<li><a href="index.html">Home</a></li>
@@ -239,7 +239,7 @@ <h3>⏰ Typical Working Hours</h3>
239239

240240
<footer>
241241
<div class="container">
242-
<p>&copy; 2024 Your Name. All rights reserved.</p>
242+
<p>&copy; 2024 Will Hermann. All rights reserved.</p>
243243
<div class="social-links">
244244
<a href="#" aria-label="GitHub">GitHub</a>
245245
<a href="#" aria-label="LinkedIn">LinkedIn</a>

‎css/style.css‎

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

2020
/* CSS Variables */
2121
:root {
22-
--primary-color: #3b82f6;
23-
--primary-dark: #1d4ed8;
24-
--secondary-color: #64748b;
25-
--accent-color: #f59e0b;
26-
--bg-color: #ffffff;
27-
--bg-secondary: #f8fafc;
28-
--text-color: #1e293b;
29-
--text-light: #64748b;
30-
--border-color: #e2e8f0;
31-
--shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
32-
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
22+
--primary-color: #8b5cf6;
23+
--primary-dark: #7c3aed;
24+
--secondary-color: #a78bfa;
25+
--accent-color: #c084fc;
26+
--bg-color: #0f0f23;
27+
--bg-secondary: #1a1a2e;
28+
--bg-card: #16213e;
29+
--text-color: #e2e8f0;
30+
--text-light: #94a3b8;
31+
--border-color: #334155;
32+
--shadow: 0 4px 6px -1px rgb(139 92 246 / 0.1), 0 2px 4px -2px rgb(139 92 246 / 0.1);
33+
--shadow-lg: 0 10px 15px -3px rgb(139 92 246 / 0.2), 0 4px 6px -4px rgb(139 92 246 / 0.1);
3334
--border-radius: 0.5rem;
3435
--transition: all 0.3s ease;
3536
}
@@ -66,7 +67,7 @@ p {
6667

6768
/* Header and Navigation */
6869
header {
69-
background: rgba(255, 255, 255, 0.95);
70+
background: rgba(15, 15, 35, 0.95);
7071
backdrop-filter: blur(10px);
7172
border-bottom: 1px solid var(--border-color);
7273
position: sticky;
@@ -249,11 +250,12 @@ header {
249250
}
250251

251252
.project-card {
252-
background: var(--bg-color);
253+
background: var(--bg-card);
253254
border-radius: var(--border-radius);
254255
overflow: hidden;
255256
box-shadow: var(--shadow);
256257
transition: var(--transition);
258+
border: 1px solid var(--border-color);
257259
}
258260

259261
.project-card:hover {
@@ -306,10 +308,11 @@ header {
306308
}
307309

308310
.skill-category {
309-
background: var(--bg-secondary);
311+
background: var(--bg-card);
310312
padding: 2rem;
311313
border-radius: var(--border-radius);
312314
text-align: center;
315+
border: 1px solid var(--border-color);
313316
}
314317

315318
.skill-category h3 {
@@ -393,9 +396,10 @@ header {
393396
}
394397

395398
.skill-item {
396-
background: var(--bg-color);
399+
background: var(--bg-card);
397400
padding: 1.5rem;
398401
border-radius: var(--border-radius);
402+
border: 1px solid var(--border-color);
399403
}
400404

401405
.skill-name {
@@ -429,11 +433,12 @@ header {
429433
}
430434

431435
.timeline-item {
432-
background: var(--bg-secondary);
436+
background: var(--bg-card);
433437
padding: 2rem;
434438
border-radius: var(--border-radius);
435439
margin-bottom: 2rem;
436440
border-left: 4px solid var(--primary-color);
441+
border: 1px solid var(--border-color);
437442
}
438443

439444
.timeline-item h3 {
@@ -469,11 +474,12 @@ header {
469474
}
470475

471476
.cert-item {
472-
background: var(--bg-color);
477+
background: var(--bg-card);
473478
padding: 2rem;
474479
border-radius: var(--border-radius);
475480
text-align: center;
476481
box-shadow: var(--shadow);
482+
border: 1px solid var(--border-color);
477483
}
478484

479485
.cert-item h3 {
@@ -662,8 +668,9 @@ header {
662668
gap: 1rem;
663669
margin-bottom: 2rem;
664670
padding: 1.5rem;
665-
background: var(--bg-secondary);
671+
background: var(--bg-card);
666672
border-radius: var(--border-radius);
673+
border: 1px solid var(--border-color);
667674
}
668675

669676
.contact-icon {
@@ -694,10 +701,11 @@ header {
694701
}
695702

696703
.availability {
697-
background: var(--bg-secondary);
704+
background: var(--bg-card);
698705
padding: 1.5rem;
699706
border-radius: var(--border-radius);
700707
margin-top: 2rem;
708+
border: 1px solid var(--border-color);
701709
}
702710

703711
.status.available {
@@ -716,9 +724,10 @@ header {
716724
}
717725

718726
.contact-form {
719-
background: var(--bg-secondary);
727+
background: var(--bg-card);
720728
padding: 2rem;
721729
border-radius: var(--border-radius);
730+
border: 1px solid var(--border-color);
722731
}
723732

724733
.form-group {
@@ -741,7 +750,8 @@ header {
741750
border-radius: var(--border-radius);
742751
font-size: 1rem;
743752
transition: var(--transition);
744-
background: var(--bg-color);
753+
background: var(--bg-secondary);
754+
color: var(--text-color);
745755
}
746756

747757
.form-group input:focus,
@@ -783,9 +793,10 @@ header {
783793
}
784794

785795
.faq-item {
786-
background: var(--bg-color);
796+
background: var(--bg-card);
787797
padding: 2rem;
788798
border-radius: var(--border-radius);
799+
border: 1px solid var(--border-color);
789800
}
790801

791802
.faq-item h3 {
@@ -807,9 +818,10 @@ header {
807818

808819
.location-details,
809820
.work-hours {
810-
background: var(--bg-secondary);
821+
background: var(--bg-card);
811822
padding: 2rem;
812823
border-radius: var(--border-radius);
824+
border: 1px solid var(--border-color);
813825
}
814826

815827
.location-details h3,

‎headshot-Enhanced-SR.jpg‎

650 KB
Loading

‎images/about-me.jpg‎

288 KB
Loading

‎images/profile.jpg‎

288 KB
Loading

‎index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Your Name - Portfolio</title>
6+
<title>Will Hermann - Portfolio</title>
77
<link rel="stylesheet" href="css/style.css">
88
</head>
99
<body>
1010
<header>
1111
<nav>
1212
<div class="nav-container">
1313
<div class="logo">
14-
<h2>Your Name</h2>
14+
<h2>Will Hermann</h2>
1515
</div>
1616
<ul class="nav-menu">
1717
<li><a href="index.html" class="active">Home</a></li>
@@ -27,7 +27,7 @@ <h2>Your Name</h2>
2727
<section class="hero">
2828
<div class="hero-content">
2929
<div class="hero-text">
30-
<h1>Hi, I'm <span class="highlight">Your Name</span></h1>
30+
<h1>Hi, I'm <span class="highlight">Will Hermann</span></h1>
3131
<p class="hero-subtitle">Full Stack Developer & Problem Solver</p>
3232
<p class="hero-description">
3333
I create modern, responsive web applications and solve complex problems
@@ -40,7 +40,7 @@ <h1>Hi, I'm <span class="highlight">Your Name</span></h1>
4040
</div>
4141
</div>
4242
<div class="hero-image">
43-
<img src="images/profile.jpg" alt="Your Name" class="profile-img">
43+
<img src="images/profile.jpg" alt="Will Hermann" class="profile-img">
4444
</div>
4545
</div>
4646
</section>
@@ -129,7 +129,7 @@ <h3>Tools & DevOps</h3>
129129

130130
<footer>
131131
<div class="container">
132-
<p>&copy; 2024 Your Name. All rights reserved.</p>
132+
<p>&copy; 2024 Will Hermann. All rights reserved.</p>
133133
<div class="social-links">
134134
<a href="#" aria-label="GitHub">GitHub</a>
135135
<a href="#" aria-label="LinkedIn">LinkedIn</a>

‎projects.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Projects - Your Name</title>
6+
<title>Projects - Will Hermann</title>
77
<link rel="stylesheet" href="css/style.css">
88
</head>
99
<body>
1010
<header>
1111
<nav>
1212
<div class="nav-container">
1313
<div class="logo">
14-
<h2>Your Name</h2>
14+
<h2>Will Hermann</h2>
1515
</div>
1616
<ul class="nav-menu">
1717
<li><a href="index.html">Home</a></li>
@@ -316,7 +316,7 @@ <h2>Interested in Working Together?</h2>
316316

317317
<footer>
318318
<div class="container">
319-
<p>&copy; 2024 Your Name. All rights reserved.</p>
319+
<p>&copy; 2024 Will Hermann. All rights reserved.</p>
320320
<div class="social-links">
321321
<a href="#" aria-label="GitHub">GitHub</a>
322322
<a href="#" aria-label="LinkedIn">LinkedIn</a>

0 commit comments

Comments
 (0)