keith-portfolio/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Keith Casko &mdash; IT Support, Systems Administration, Cloud Operations</title>
  <meta name="description" content="Keith Casko &mdash; IT portfolio: Windows Server, Active Directory, Linux, AWS, Docker, networking, and troubleshooting projects. Based in Kalamazoo, Michigan." />
  <link rel="canonical" href="https://casko.dev/" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Keith Casko | IT Support &amp; Systems Administration" />
  <meta property="og:description" content="Real Windows Server, Active Directory, Linux, AWS, and troubleshooting projects, with verified outcomes and hands-on case studies." />
  <meta property="og:url" content="https://casko.dev/" />
  <meta property="og:image" content="https://casko.dev/assets/screenshots/bytegeist-infrastructure-live.png" />
  <meta property="og:image:alt" content="ByteGeist infrastructure monitoring dashboard" />
  <meta name="twitter:card" content="summary_large_image" />
  <link rel="stylesheet" href="css/styles.css" />
</head>
<body>

  <!-- ============ Header ============ -->
  <header class="site-header" role="banner">
    <div class="container">
      <div class="brand">
        <a class="brand-home" href="#home" aria-label="Keith Casko home">
          <span class="name">Keith Casko</span>
          <span class="tagline">
            IT Support &nbsp;|&nbsp; Systems Administration &nbsp;|&nbsp; Cloud Operations
            <span class="location">Kalamazoo, MI</span>
          </span>
        </a>
      </div>
      <button class="nav-toggle" aria-expanded="false" aria-controls="primary-nav">Menu</button>
      <nav class="site-nav" id="primary-nav" aria-label="Primary">
        <ul>
          <li><a href="#projects">Projects</a></li>
          <li><a href="#skills">Skills</a></li>
          <li><a href="#credentials">Credentials</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#contact">Contact</a></li>
          <li><a class="nav-resume" href="assets/resume/Keith_Casko_IT_Cloud_Resume.pdf" download>Resume</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main>

    <!-- ============ Hero ============ -->
    <section class="hero" id="home" aria-labelledby="hero-title">
      <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
              infrastructure, and build AWS applications. My project write-ups document
              troubleshooting steps, fixes, and verification—not just installations.
            </p>
            <div class="hero-actions">
              <a class="btn btn-primary" href="#projects">View Projects</a>
              <a class="btn btn-secondary" href="assets/resume/Keith_Casko_IT_Cloud_Resume.pdf" download>Download Resume</a>
            </div>
            <div class="hero-facts" aria-label="Professional highlights">
              <span>AWS Certified Cloud Practitioner</span>
              <span>Google IT Support Professional</span>
              <span>B.S. Software Engineering &mdash; In Progress</span>
              <span>Kalamazoo, Michigan</span>
            </div>
          </div>

          <figure class="hero-proof">
            <img src="assets/images/bytegeist-infrastructure-overview.svg"
                 alt="Simplified ByteGeist infrastructure overview showing Cloudflare, a Hetzner Ubuntu Docker host, routing, identity, CI, and observability services" />
            <figcaption>ByteGeist infrastructure overview &mdash; Hetzner-hosted services, routing, identity, and observability.</figcaption>
          </figure>
        </div>
      </div>
    </section>

    <!-- ============ Featured Projects ============ -->
    <section id="projects" aria-labelledby="projects-title">
      <div class="container">
        <div class="section-head">
          <h2 id="projects-title">Featured Projects</h2>
          <span class="subtitle">Hands-on infrastructure, support, and cloud work</span>
        </div>

        <div class="projects-grid">

          <article class="project-card">
            <a class="card-link" href="homelab.html" aria-label="View ByteGeist Windows Server Lab details">
              <div class="thumb screenshot-frame thumb-diagram">
                <img src="assets/images/homelab-topology.svg"
                     alt="ByteGeist AD homelab topology diagram — DC01, FILE01, OPNsense, WIN11-01" />
              </div>
            </a>
            <div class="body">
              <h3>ByteGeist Windows Server Lab</h3>
              <p>
                Windows Server 2022 Active Directory lab with AD DS, DNS, SMB permissions,
                a Windows 11 domain client, and OPNsense segmentation practice.
              </p>
              <a class="view-link" href="homelab.html">View Lab Details</a>
            </div>
          </article>

          <article class="project-card">
            <div class="thumb screenshot-frame">
              <img src="assets/screenshots/bytegeist-support-live.png"
                   alt="ByteGeist Support Lab &mdash; live app screenshot" />
            </div>
            <div class="body">
              <h3>ByteGeist Support Lab</h3>
              <p>
                Interactive AWS troubleshooting lab with realistic incidents,
                command-line workflows, diagnosis, resolution, and scoring.
              </p>
              <a class="view-link" href="https://supportlab.casko.dev/" rel="noopener">View Live Site</a>
            </div>
          </article>

          <article class="project-card">
            <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;" />
            </div>
            <div class="body">
              <h3>ByteGeist Infrastructure Lab</h3>
              <p>
                Self-hosted Ubuntu infrastructure with Docker, Grafana, Prometheus,
                Loki, Authentik, Gitea, CI/CD, TLS routing, and live service telemetry.
              </p>
              <a class="view-link" href="https://bytegeist.casko.dev/" rel="noopener">View Live Control Plane</a>
            </div>
          </article>

          <article class="project-card">
            <div class="thumb screenshot-frame">
              <img src="assets/screenshots/aws-tracker.png"
                   alt="AWS Cloud Study Tracker &mdash; live app screenshot" />
            </div>
            <div class="body">
              <h3>AWS Cloud Study Tracker</h3>
              <p>
                Multi-user serverless AWS tracker using Cognito, API Gateway, Lambda,
                DynamoDB, Amplify, JWT authorization, and per-record ownership checks.
              </p>
              <a class="view-link" href="https://tracker.casko.dev" rel="noopener">View Live Site</a>
            </div>
          </article>

        </div>
      </div>
    </section>

    <!-- ============ Troubleshooting Case Studies ============ -->
    <section id="troubleshooting" aria-labelledby="notes-title">
      <div class="container">
        <div class="section-head">
          <h2 id="notes-title">Troubleshooting Case Studies</h2>
          <span class="subtitle">Observed issues, diagnostic work, and verified outcomes</span>
        </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>
            <p><strong>Result:</strong> Verified <code>time.windows.com</code> as the source, stratum 5.</p>
            <pre class="case-terminal"><span>$ w32tm /query /source</span>
time.windows.com</pre>
            <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>
            <p><strong>Result:</strong> <code>Test-ComputerSecureChannel</code> returned <code>True</code>; <code>nltest</code> located DC01 successfully.</p>
            <pre class="case-terminal"><span>$ Test-ComputerSecureChannel</span>
True</pre>
            <a class="view-link" href="homelab.html#validation">See audit evidence</a>
          </article>
        </div>
      </div>
    </section>

    <!-- ============ Technical Skills ============ -->
    <section id="skills" aria-labelledby="skills-title">
      <div class="container">
        <div class="section-head">
          <h2 id="skills-title">Technical Skills</h2>
          <span class="subtitle">Tools demonstrated in the linked projects</span>
        </div>
        <div class="skills-grid skills-grid-focused">
          <div class="skill-card">
            <h3>Windows &amp; Identity</h3>
            <p>Windows Server 2022, Active Directory, DNS, domain joins, SMB/NTFS permissions</p>
            <a class="view-link" href="homelab.html">See Windows Server lab</a>
          </div>
          <div class="skill-card">
            <h3>Linux &amp; Infrastructure</h3>
            <p>Ubuntu, Docker Compose, TLS routing, Prometheus, Grafana, Loki</p>
            <a class="view-link" href="https://bytegeist.casko.dev/" target="_blank" rel="noopener noreferrer">See infrastructure lab</a>
          </div>
          <div class="skill-card">
            <h3>Cloud &amp; Automation</h3>
            <p>AWS IAM, Lambda, API Gateway, DynamoDB, Amplify; PowerShell, Bash, Git</p>
            <a class="view-link" href="https://supportlab.casko.dev/" target="_blank" rel="noopener noreferrer">See AWS project</a>
          </div>
          <div class="skill-card">
            <h3>Support &amp; Diagnostics</h3>
            <p>TCP/IP, DHCP, DNS troubleshooting, secure-channel repair, access control, incident isolation</p>
            <a class="view-link" href="#troubleshooting">See case studies</a>
          </div>
        </div>
      </div>
    </section>

    <!-- ============ Certifications & Credentials ============ -->
    <section id="credentials" aria-labelledby="credentials-title">
      <div class="container">
        <div class="section-head">
          <h2 id="credentials-title">Certifications &amp; Credentials</h2>
          <span class="subtitle">Verified professional and academic credentials</span>
        </div>

        <div class="credentials-grid">
          <article class="credential-card">
            <div class="credential-badge">
              <img src="assets/credentials/aws-cloud-practitioner.png"
                   alt="AWS Certified Cloud Practitioner badge" />
            </div>
            <div class="credential-copy">
              <h3>AWS Certified Cloud Practitioner</h3>
              <p>Amazon Web Services</p>
              <a class="view-link" href="https://www.credly.com/badges/c4e4c5b4-0645-47b4-89fc-4624a8db3aa9/public_url" target="_blank" rel="noopener noreferrer">Verify Credential</a>
            </div>
          </article>

          <article class="credential-card">
            <div class="credential-badge credential-badge-google">
              <img src="assets/credentials/google-it-support.png"
                   alt="Google IT Support Professional Certificate badge" />
            </div>
            <div class="credential-copy">
              <h3>Google IT Support Professional Certificate (v2)</h3>
              <p>Google</p>
              <a class="view-link" href="https://www.credly.com/badges/be8c0167-dc6c-403f-a498-ba4320a8fc6d/public_url" target="_blank" rel="noopener noreferrer">Verify Credential</a>
            </div>
          </article>

          <article class="credential-card">
            <div class="credential-badge">
              <img src="assets/credentials/wgu-front-end-developer.png"
                   alt="WGU Certificate: Front-End Developer badge" />
            </div>
            <div class="credential-copy">
              <h3>WGU Certificate: Front-End Developer</h3>
              <p>Western Governors University</p>
              <a class="view-link" href="https://badges.parchment.com/public/assertions/J6-al6URSYq8tsitUvT0Dw" target="_blank" rel="noopener noreferrer">Verify Credential</a>
            </div>
          </article>
        </div>
      </div>
    </section>

    <!-- ============ About ============ -->
    <section id="about" aria-labelledby="about-title">
      <div class="container">
        <div class="section-head">
          <h2 id="about-title">About</h2>
          <span class="subtitle">Background and focus</span>
        </div>

        <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">
            <h3>Keith Casko &mdash; Kalamazoo, Michigan</h3>
            <p>
              I'm transitioning into IT, cloud, and systems administration while
              completing a B.S. in Software Engineering at Western Governors
              University. My focus is practical, hands-on infrastructure work:
              Windows Server and Active Directory, Linux, AWS, Docker, networking,
              and technical troubleshooting.
            </p>
            <p>
              My professional background is at Costco Wholesale as a Baker. The job
              is production-paced and team-based, and it's where I developed the
              habits I bring to IT work &mdash; customer service, teamwork, training
              coworkers, process discipline, prioritization, and real-world
              problem-solving under pressure.
            </p>
          </div>

        </div>
      </div>
    </section>

    <!-- ============ Education & Experience ============ -->
    <section id="resume" aria-labelledby="resume-title">
      <div class="container">
        <div class="section-head">
          <h2 id="resume-title">Education &amp; Experience</h2>
          <span class="subtitle">Current study and professional background</span>
        </div>

        <div class="experience-grid">

          <div class="panel">
            <h3>Western Governors University</h3>
            <div class="meta">Bachelor of Science, Software Engineering &middot; In Progress</div>
            <p>
              Building a software engineering foundation alongside hands-on work in
              systems administration, cloud infrastructure, networking, Java, and web development.
            </p>
          </div>

          <div class="panel">
            <h3>Hands-On Technical Experience</h3>
            <div class="meta">Homelab, cloud projects, and deployed applications</div>
            <ul>
              <li>Windows Server 2022, Active Directory, DNS, SMB shares, permissions, and domain troubleshooting</li>
              <li>Linux, Docker, reverse proxy, TLS, monitoring, and service administration</li>
              <li>AWS Lambda, API Gateway, DynamoDB, Amplify, IAM, S3, EC2, and Systems Manager</li>
              <li>Documented troubleshooting with verification steps rather than installation-only demos</li>
            </ul>
          </div>

          <div class="panel panel-costco">
            <h3>Costco Wholesale &mdash; Baker</h3>
            <div class="meta">June 2015 &ndash; Present</div>
            <ul>
              <li>High-volume production work requiring accuracy, prioritization, and process discipline</li>
              <li>Day-to-day troubleshooting of equipment and workflow problems</li>
              <li>Training coworkers, customer service, and clear communication under time pressure</li>
            </ul>
            <p class="prior-experience"><strong>Earlier experience:</strong> Bakery and grocery roles before Costco, building a long-term background in customer service, production, teamwork, and operational problem-solving.</p>
          </div>

        </div>
      </div>
    </section>

    <!-- ============ Contact ============ -->
    <section id="contact" aria-labelledby="contact-title">
      <div class="container">
        <div class="contact-cta">
          <div>
            <h2 id="contact-title">Open to IT Support, Help Desk, and Junior SysAdmin roles</h2>
            <p>Based in Kalamazoo, Michigan &mdash; available on-site, hybrid, or remote.</p>
            <p><a href="mailto:keith.casko@gmail.com">keith.casko@gmail.com</a></p>
          </div>
          <div class="contact-actions">
            <a class="btn btn-primary" href="mailto:keith.casko@gmail.com">Email Keith</a>
            <a class="btn btn-secondary" href="https://www.linkedin.com/in/keith-casko/" rel="noopener">LinkedIn</a>
          </div>
        </div>
      </div>
    </section>

  </main>

  <!-- ============ Footer ============ -->
  <footer class="site-footer" role="contentinfo">
    <div class="container">
      <div>&copy; <span id="year">2026</span> Keith Casko. All rights reserved.</div>
      <ul class="footer-links">
        <li><a href="assets/resume/Keith_Casko_IT_Cloud_Resume.pdf" download>Resume</a></li>
        <li><a href="https://github.com/kcasko" rel="noopener">GitHub</a></li>
        <li><a href="https://www.linkedin.com/in/keith-casko/" rel="noopener">LinkedIn</a></li>
        <li><a href="mailto:keith.casko@gmail.com">Email</a></li>
      </ul>
    </div>
  </footer>

  <script src="js/main.js" defer></script>
</body>
</html>