Sharpen role targeting and troubleshooting proof

css/styles.css

@@ -204,6 +204,16 @@ section { padding: 64px 0; }
 .hero h1 { font-size: 34px; margin-bottom: 18px; line-height: 1.2; }
 .hero p { color: var(--muted-2); font-size: 16px; }
 .hero .lede { color: var(--text); }
+
+.hero-target {
+  margin: 0 0 10px;
+  color: var(--steel);
+  font-size: 13px !important;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .45px;
+}
+
 .hero-actions {
   display: flex;
   flex-wrap: wrap;
@@ -856,6 +866,94 @@ section { padding: 64px 0; }
 .skills-grid-focused .skill-card h3 { font-size:17px; font-family:Georgia,"Times New Roman",serif; margin:0; }
 .skills-grid-focused .skill-card p { color:var(--muted-2); font-size:14px; margin:0; flex:1; }
 .skills-grid-focused .view-link, .case-card .view-link { font-size:13.5px; font-weight:600; }
+.proof-strip {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+  margin-bottom: 22px;
+}
+
+.proof-callout {
+  background: #eef2f6;
+  border: 1px solid var(--rule);
+  border-left: 3px solid var(--steel);
+  border-radius: 4px;
+}
+
+.proof-callout summary {
+  cursor: pointer;
+  padding: 14px 16px;
+  font-size: 14px;
+  font-weight: 700;
+  color: var(--navy-2);
+}
+
+.proof-body {
+  padding: 0 16px 14px;
+  border-top: 1px solid var(--rule-soft);
+}
+
+.proof-body p {
+  margin: 10px 0 0;
+  color: var(--muted-2);
+  font-size: 13.5px;
+  line-height: 1.55;
+}
+
+.proof-body strong { color: var(--navy-2); }
+
+.screenshot-frame {
+  background: #101820;
+  padding: 18px 8px 8px;
+  position: relative;
+  border-color: #263746;
+  box-shadow: 0 4px 14px rgba(16, 38, 61, 0.10);
+}
+
+.screenshot-frame::before {
+  content: "";
+  position: absolute;
+  top: 7px;
+  left: 10px;
+  width: 34px;
+  height: 5px;
+  border-radius: 999px;
+  background: rgba(255,255,255,.24);
+}
+
+.screenshot-frame img {
+  border: 1px solid rgba(255,255,255,.10);
+}
+
+.case-meta {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+}
+
+.case-meta .case-label {
+  margin-bottom: 0;
+}
+
+.status-pill {
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+  border-radius: 999px;
+  padding: 4px 8px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: .2px;
+}
+
+.status-pill.verified {
+  background: #e8f3ec;
+  border: 1px solid #a7c9b2;
+  color: #275d3a;
+}
+
 .case-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:22px; }
 .case-card { background:var(--panel); border:1px solid var(--rule); border-top:3px solid var(--steel); padding:26px; border-radius:4px; }
 .case-label { display:block; font-size:12px; text-transform:uppercase; font-weight:700; color:var(--steel); letter-spacing:.4px; margin-bottom:8px; }
@@ -863,7 +961,7 @@ section { padding: 64px 0; }
 .case-card p { font-size:14px; color:var(--muted-2); }
 .case-card p strong { color:var(--navy-2); }
 @media (max-width: 700px) {
- .skills-grid-focused, .case-grid { grid-template-columns:1fr; }
+ .skills-grid-focused, .case-grid, .proof-strip { grid-template-columns:1fr; }
 }
 
 /* ---------- Homelab dark project treatment ---------- */

index.html

@@ -50,6 +50,7 @@
       <div class="container">
         <div class="hero-grid">
           <div>
+            <p class="hero-target">Targeting IT Support, Junior Systems Administration, and Cloud Operations roles.</p>
             <h1 id="hero-title">Hands-On IT Support.<br />Verified Systems Troubleshooting.</h1>
             <p class="lede">
               I operate a Windows Server Active Directory domain, maintain monitored Linux
@@ -109,7 +110,7 @@
           </article>
 
           <article class="project-card">
-            <div class="thumb">
+            <div class="thumb screenshot-frame">
               <img src="assets/screenshots/bytegeist-support-live.png"
                    alt="ByteGeist Support Lab &mdash; live app screenshot" />
             </div>
@@ -126,7 +127,7 @@
           </article>
 
           <article class="project-card">
-            <div class="thumb">
+            <div class="thumb screenshot-frame">
               <img src="assets/screenshots/bytegeist-infrastructure-live.png"
                    alt="ByteGeist Infrastructure Lab live control plane showing host telemetry, container health, and service status"
                    style="object-position: top center;" />
@@ -145,7 +146,7 @@
           </article>
 
           <article class="project-card">
-            <div class="thumb">
+            <div class="thumb screenshot-frame">
               <img src="assets/screenshots/aws-tracker.png"
                    alt="AWS Cloud Study Tracker &mdash; live app screenshot" />
             </div>
@@ -172,9 +173,29 @@
           <h2 id="notes-title">Troubleshooting Case Studies</h2>
           <span class="subtitle">Observed issues, diagnostic work, and verified outcomes</span>
         </div>
+        <div class="proof-strip" aria-label="Quick verification evidence">
+          <details class="proof-callout">
+            <summary>Verified Fix: Domain trust failure</summary>
+            <div class="proof-body">
+              <p><code>Test-ComputerSecureChannel</code> failed while WIN11-01 was on the wrong VMware network.</p>
+              <p><strong>Fix:</strong> Returned the client to VMnet8, restored DC01 as DNS, repaired the secure channel, then verified with <code>Test-ComputerSecureChannel</code> and <code>nltest</code>.</p>
+            </div>
+          </details>
+          <details class="proof-callout">
+            <summary>Verified Fix: PDC time source</summary>
+            <div class="proof-body">
+              <p><code>w32tm /query /source</code> reported <code>Local CMOS Clock</code> on the PDC Emulator.</p>
+              <p><strong>Fix:</strong> Configured external NTP peers, resynchronized Windows Time, then verified <code>time.windows.com</code> as the active source.</p>
+            </div>
+          </details>
+        </div>
+
         <div class="case-grid">
           <article class="case-card">
+            <div class="case-meta">
               <span class="case-label">Windows Server 2022 · Time Services</span>
+              <span class="status-pill verified">✓ Verified Fix</span>
+            </div>
             <h3>PDC Emulator using its local CMOS clock</h3>
             <p><strong>Problem:</strong> An AD domain controller reported <code>Local CMOS Clock</code> as its time source. Unreliable domain time can lead to Kerberos clock-skew failures.</p>
             <p><strong>Action:</strong> Checked the source with <code>w32tm</code>, configured external NTP peers, restarted Windows Time, and resynchronized.</p>
@@ -182,7 +203,10 @@
             <a class="view-link" href="homelab.html#validation">See commands and verification</a>
           </article>
           <article class="case-card">
+            <div class="case-meta">
               <span class="case-label">Windows 11 · Active Directory</span>
+              <span class="status-pill verified">✓ Verified Fix</span>
+            </div>
             <h3>Restoring a broken domain secure channel</h3>
             <p><strong>Problem:</strong> WIN11-01 was bridged onto the physical LAN and could not reach DC01 on the VMware NAT subnet. Trust repair initially failed.</p>
             <p><strong>Action:</strong> Changed the VM network to NAT, pointed client DNS at DC01, and repaired the machine-account trust.</p>