---
import Layout from "../layouts/Layout.astro";
---

<Layout title="Ryan Kazokas Resume">
  <main>
    <div class="max-w-4xl mx-auto p-8 mt-10 mb-10 resume-container">
      <header class="text-center mb-8">
        <p class="text-lg text-gray-400">
          <i>Software Engineer | DevOps | Cloud Infrastructure</i>
        </p>
      </header>

      <section class="mt-8">
        <h2 class="text-2xl font-semibold border-b border-green-500/30 pb-2 text-white">About Me</h2>
        <p class="mt-4 text-gray-300 leading-relaxed">
          I'm Ryan Kazokas, a software engineer with expertise in backend
          development, cloud infrastructure, and DevOps. With a strong
          foundation in scalable system design and site reliability engineering,
          I have spent years building and maintaining robust software solutions.
        </p>
      </section>

      <section class="mt-8">
        <h2 class="text-2xl font-semibold border-b border-green-500/30 pb-2 text-white">Experience</h2>
        <div class="mt-6">
          <h3 class="text-xl font-medium text-white">
            Senior Software Engineer - Shopify
          </h3>
          <p class="text-gray-400 mt-1"><em>July 2024 - Present</em></p>
          <ul class="list-disc list-inside mt-3 text-gray-300 space-y-2">
            <li>
              Engineer solutions for Shopify's inventory management system on the Core Inventory Team.
            </li>
            <li>
              Design and build scalable features to enhance inventory tracking and management capabilities.
            </li>
            <li>
              Collaborate across teams to integrate inventory systems with related platform services.
            </li>
          </ul>
        </div>

        <div class="mt-6">
          <h3 class="text-xl font-medium text-white">
            Principal Software Engineer - ChannelApe
          </h3>
          <p class="text-gray-400 mt-1"><em>August 2017 - July 2024</em></p>
          <ul class="list-disc list-inside mt-3 text-gray-300 space-y-2">
            <li>Developed and maintained core infrastructure and services.</li>
            <li>
              Collaborated with product teams to design scalable and highly
              available solutions.
            </li>
            <li>Managed DevOps and SRE responsibilities.</li>
          </ul>
        </div>

        <div class="mt-6">
          <h3 class="text-xl font-medium text-white">
            Application Developer Specialist - TMG Health
          </h3>
          <p class="text-gray-400 mt-1"><em>January 2015 - August 2017</em></p>
          <ul class="list-disc list-inside mt-3 text-gray-300 space-y-2">
            <li>
              Built and maintained automated applications for Medicare
              enrollment services.
            </li>
            <li>Managed and created reporting services for clients.</li>
          </ul>
        </div>
      </section>

      <section class="mt-8">
        <h2 class="text-2xl font-semibold border-b border-green-500/30 pb-2 text-white">Skills</h2>
        <ul class="list-disc list-inside mt-4 text-gray-300 space-y-2">
          <li>
            <strong class="text-white">Programming:</strong> Node.js, TypeScript, Java, SQL, C#
          </li>
          <li>
            <strong class="text-white">Databases:</strong> PostgreSQL, MySQL, DynamoDB, MongoDB
          </li>
          <li>
            <strong class="text-white">Cloud & Infrastructure:</strong> AWS Lambda, API Gateway, Docker,
            ECS
          </li>
          <li><strong class="text-white">Testing:</strong> BDD, JUnit, Jest, Cucumber</li>
          <li><strong class="text-white">Monitoring:</strong> Datadog, PagerDuty, Looker</li>
        </ul>
      </section>

      <footer class="mt-8 text-center text-gray-400">
        <p>
          Contact: <a href="mailto:ryan.kazokas@gmail.com" class="text-green-400 hover:text-green-300 transition-colors"
            >ryan.kazokas@gmail.com</a
          > | <a href="https://ryankazokas.com" class="text-green-400 hover:text-green-300 transition-colors"
            >ryankazokas.com</a
          >
        </p>
      </footer>
    </div>
  </main>
</Layout>

<style>
  .resume-container {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    border: 1px solid rgba(0, 255, 65, 0.2);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  }
</style>
