Skip to content

Commit 24e644c

Browse files
its-dclaude
andcommitted
refactor project cards, polish experience hover, footer whoami
- projects: drop image area entirely; cards now render as title → tech pills → description → button row. Layout uses flex column with margin-top: auto on .project-links so buttons pin to the bottom and align across cards regardless of description length. Description has a 1.25rem min bottom margin to guarantee gap above buttons. - experience: add hover lift (translateY + accent glow) matching project cards; add pill: scl to SCLogic entry; drop featured: true from Independent and AWS so only Woven retains the highlighted border - footer: shorten whoami to "Darian" (single hardcode, kept site.authorFullName for blog/alt text usages) - assets: remove obsolete my_prep_plan_logo.png Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 7748182 commit 24e644c

6 files changed

Lines changed: 19 additions & 33 deletions

File tree

_data/experience.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
"title": "Contractor",
1717
"dates": "August 2025 – May 2026",
1818
"location": "Remote",
19-
"featured": true,
19+
"featured": false,
2020
"pill": "ind",
2121
"bullets": [
2222
"Provided technical diagnostic and incident response services for small business clients",
@@ -29,7 +29,7 @@
2929
"title": "Cloud Consultant",
3030
"dates": "December 2020 – August 2025",
3131
"location": "Arlington, VA",
32-
"featured": true,
32+
"featured": false,
3333
"pill": "aws",
3434
"bullets": [
3535
"Led design and implementation of serverless ETL pipeline architecture using AWS Step Functions, Amazon EventBridge, Amazon ECS Fargate, and Docker Containers",
@@ -57,6 +57,7 @@
5757
"dates": "March 2018 – April 2019",
5858
"location": "Annapolis, MD",
5959
"featured": false,
60+
"pill": "scl",
6061
"bullets": [
6162
"Collaborated with backend team implementing enterprise software using SQL Server, stored procedures, and query optimization",
6263
"Led technical troubleshooting of client systems, resolving server-to-server and database connectivity issues while maintaining 24-hour SLA",

_data/projects.json

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,7 @@
55
"tech": ["ai", "saas", "aws", "serverless", "react"],
66
"liveUrl": "https://planmyinterview.com",
77
"demoUrl": null,
8-
"image": "/images/projects/my_prep_plan_logo.png",
9-
"invertImage": true
8+
"image": "/images/projects/planmyinterview.svg"
109
},
1110
{
1211
"name": "EKS Framework",

_includes/partials/footer.njk

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,6 @@
5050
</div>
5151
<div class="footer-bottom">
5252
<p class="footer-copy"{{ site.year }}. Made by {{ site.name }}.</p>
53-
<p class="footer-whoami eyebrow eyebrow-cmd">whoami · {{ site.authorFullName }}</p>
53+
<p class="footer-whoami eyebrow eyebrow-cmd">whoami · Darian</p>
5454
</div>
5555
</footer>

_includes/partials/projects.njk

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,12 @@
77
<div class="project-grid">
88
{% for project in projects %}
99
<article class="project-card">
10-
<div class="project-image-wrap">
11-
<img src="{{ project.image }}" alt="" class="project-image{% if project.invertImage %} project-image-invert{% endif %}" width="400" height="220">
12-
</div>
10+
<h3 class="project-name">{{ project.name }}</h3>
1311
<ul class="project-tech">
1412
{% for tag in project.tech %}
1513
<li class="pill project-tech-pill">{{ tag | lower }}</li>
1614
{% endfor %}
1715
</ul>
18-
<h3 class="project-name">{{ project.name }}</h3>
1916
<p class="project-desc">{{ project.description }}</p>
2017
<div class="project-links">
2118
{% if project.liveUrl %}<a href="{{ project.liveUrl }}" target="_blank" rel="noopener noreferrer" class="btn btn-outline">Visit site →</a>{% endif %}

css/style.css

Lines changed: 13 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -571,6 +571,8 @@ section {
571571
border-radius: 8px;
572572
overflow: hidden;
573573
padding: 0 0 1rem;
574+
display: flex;
575+
flex-direction: column;
574576
transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s ease;
575577
}
576578
.project-card:hover {
@@ -579,28 +581,9 @@ section {
579581
transform: translateY(-3px);
580582
}
581583

582-
.project-image-wrap {
583-
aspect-ratio: 16/9;
584-
background: var(--bg-soft);
585-
padding: 1rem 1.25rem;
586-
display: flex;
587-
align-items: center;
588-
justify-content: center;
589-
}
590-
591-
.project-image {
592-
width: 100%;
593-
height: 100%;
594-
object-fit: contain;
595-
}
596-
597-
.project-image-invert {
598-
filter: invert(1);
599-
}
600-
601584
.project-tech {
602585
list-style: none;
603-
margin: 0.75rem 1rem 0.5rem;
586+
margin: 1rem 1rem 0;
604587
padding: 0;
605588
display: flex;
606589
flex-wrap: wrap;
@@ -613,22 +596,22 @@ section {
613596
}
614597

615598
.project-name {
616-
margin: 0 1rem 0.25rem;
599+
margin: 1rem 1rem 0;
617600
font-size: 1.1rem;
618601
font-weight: 700;
619602
color: var(--accent);
620603
}
621604

622605
.project-desc {
623-
margin: 0 1rem 0.75rem;
606+
margin: 1rem 1rem 1.25rem;
624607
font-size: 0.9rem;
625608
color: var(--text-muted);
626609
}
627610

628611
.project-links {
629612
display: flex;
630613
gap: 0.5rem;
631-
margin: 0 1rem;
614+
margin: auto 1rem 0;
632615
}
633616

634617
.projects-more {
@@ -820,7 +803,13 @@ section {
820803
border: 1px solid var(--border);
821804
border-radius: 8px;
822805
padding: 1.25rem;
823-
transition: border-color 0.2s, box-shadow 0.2s;
806+
transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s ease;
807+
}
808+
809+
.experience-card:hover {
810+
border-color: var(--accent);
811+
box-shadow: 0 0 0 1px rgba(252, 191, 30, 0.2);
812+
transform: translateY(-3px);
824813
}
825814

826815
.experience-card-featured {
-35.1 KB
Binary file not shown.

0 commit comments

Comments
 (0)