keith/keith-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move headshot to hero and simplify about section
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source
This commit is contained in:
Keith Casko
2026-10-06 10:41:14 -04:00
parent 5543b8ef2e
commit 61b1bc813e
2 changed files with 8 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/styles.css
+6 -1
View File
@@ -241,6 +241,7 @@ section { padding: 64px 0; }
justify-content: center; justify-content: center;
} }
.hero-image img { width: 100%; height: 100%; object-fit: cover; } .hero-image img { width: 100%; height: 100%; object-fit: cover; }
.hero-headshot img { object-position: center top; }
.image-placeholder { .image-placeholder {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -456,10 +457,14 @@ section { padding: 64px 0; }
/* ---------- About ---------- */ /* ---------- About ---------- */
.about-grid { .about-grid {
display: grid; display: grid;
grid-template-columns: 1fr 1.4fr 1fr; grid-template-columns: 1fr;
gap: 24px; gap: 24px;
align-items: start; align-items: start;
} }
.about-text {
max-width: 900px;
}
.about-photo { .about-photo {
background: #e9edf1; background: #e9edf1;
border: 1px solid var(--rule); border: 1px solid var(--rule);
index.html
+2 -15
View File
@@ -67,8 +67,8 @@
<a class="btn btn-secondary" href="assets/resume/Keith_Casko_IT_Cloud_Resume.pdf" download>Download Resume</a> <a class="btn btn-secondary" href="assets/resume/Keith_Casko_IT_Cloud_Resume.pdf" download>Download Resume</a>
</div> </div>
</div> </div>
<div class="hero-image"> <div class="hero-image hero-headshot">
<img src="assets/images/hero-server-rack.png" alt="Home server rack and homelab workspace" /> <img src="assets/images/keith-casko-headshot.png" alt="Keith Casko" />
</div> </div>
</div> </div>
</div> </div>
@@ -278,12 +278,6 @@
</div> </div>
<div class="about-grid"> <div class="about-grid">
<div class="about-photo">
<img src="assets/images/keith-casko-headshot.png"
alt="Keith Casko"
class="about-headshot" />
</div>
<div class="about-text"> <div class="about-text">
<h3>Keith Casko &mdash; Kalamazoo, Michigan</h3> <h3>Keith Casko &mdash; Kalamazoo, Michigan</h3>
<p> <p>
@@ -301,13 +295,6 @@
problem-solving under pressure. problem-solving under pressure.
</p> </p>
</div> </div>
<aside class="pull-quote" aria-label="Approach">
<span class="mark">&ldquo;</span>
Reliable systems are built one careful change at a time. I'd rather
understand a problem than paper over it &mdash; and I document what I
learn so the next person has a shorter path.
</aside>
</div> </div>
</div> </div>
</section> </section>