Portfolio/templates/resume.html

{% extends "base.html" %}
{% block title %}Resume{% endblock %}

{% block content %}

<!-- Hero -->
<section class="relative text-center py-24 text-white bg-gradient-to-br from-orange-500/20 via-rose-500/10 to-fuchsia-500/10 backdrop-blur border-b border-white/10">
  <div class="max-w-3xl mx-auto px-6">
    <h1 class="text-5xl md:text-6xl font-archivo font-extrabold">Benjamin Mosley</h1>
    <p class="mt-3 text-white/80 text-lg">E-Commerce Manager - CIS Student</p>
    <div class="mt-6 flex flex-wrap items-center justify-center gap-3 text-sm">
      <span class="px-3 py-1 rounded-full border border-white/15 bg-white/5">Canyon, TX 79015</span>
      <a href="mailto:benjaymos@proton.me" class="px-3 py-1 rounded-full border border-white/15 bg-white/5 hover:bg-white/10 transition">benjaymos@proton.me</a>
      <a href="https://benjaminmosley.com" target="_blank" class="px-3 py-1 rounded-full border border-white/15 bg-white/5 hover:bg-white/10 transition">benjaminmosley.com</a>
      {# Optional: add a real static path if you place the PDF under /static/ #}
      {# <a href="{{ url_for('static', filename='Benjamin Mosley - Resume.pdf') }}" class="btn btn-ghost">Download PDF</a> #}
    </div>
  </div>
</section>

<!-- About -->
<section class="py-14">
  <div class="container-page">
    <article class="card max-w-4xl mx-auto">
      <h2 class="text-2xl font-semibold">About Me</h2>
      <p class="mt-3 text-white/80 leading-relaxed">
        I’ve been working with computers for as long as I can remember—what started as curiosity has grown into a passion.
        From backend scripting and networking to frontend design, I enjoy creating efficient and user-friendly solutions.
      </p>
    </article>
  </div>
</section>

<!-- Skills & Education (balanced two-column layout) -->
<section class="py-6">
  <div class="container-page grid md:grid-cols-2 gap-6 items-stretch">
    <!-- Skills -->
    <article class="card h-full">
      <h2 class="text-2xl font-semibold">Skills</h2>

      <div class="mt-4 grid sm:grid-cols-2 gap-6 text-sm">
        <div>
          <p class="font-medium text-white/90">Programming</p>
          <ul class="mt-2 space-y-1 text-white/70 list-disc pl-5">
            <li>Python</li>
            <li>C#, ASP.NET Core</li>
          </ul>
        </div>

        <div>
          <p class="font-medium text-white/90">Web &amp; Database</p>
          <ul class="mt-2 space-y-1 text-white/70 list-disc pl-5">
            <li>Flask, Tailwind CSS</li>
            <li>SQL (MySQL, SQLite), EF Core</li>
          </ul>
        </div>

        <div>
          <p class="font-medium text-white/90">Systems</p>
          <ul class="mt-2 space-y-1 text-white/70 list-disc pl-5">
            <li>Linux, Windows Server</li>
            <li>Networking &amp; Security</li>
          </ul>
        </div>

        <div>
          <p class="font-medium text-white/90">Professional</p>
          <ul class="mt-2 space-y-1 text-white/70 list-disc pl-5">
            <li>Leadership &amp; Team Ops</li>
            <li>Process Improvement</li>
          </ul>
        </div>
      </div>
    </article>

    <!-- Education + Accomplishments -->
    <article class="card h-full">
      <h2 class="text-2xl font-semibold">Education</h2>
      <div class="mt-4">
        <p class="font-medium">West Texas A&amp;M University</p>
        <p class="text-white/70">BBA in Computer Information Systems</p>
        <p class="text-white/60 text-sm mt-1">Expected May 2026</p>
      </div>

      <div class="mt-8 border-t border-[rgb(var(--border))] pt-6">
        <h3 class="text-lg font-semibold">Accomplishments</h3>
        <ul class="mt-3 text-white/80 space-y-2 list-disc pl-5">
          <li>Eagle Scout (Dec 2021)</li>
          <li>National Youth Leadership Training (2017–2019)</li>
        </ul>
      </div>
    </article>
  </div>
</section>

<!-- Experience -->
<section class="py-10">
  <div class="container-page">
    <article class="card">
      <h2 class="text-2xl font-semibold">Experience</h2>

      <!-- Current role -->
      <div class="mt-6 relative pl-6">
        <div class="absolute left-0 top-2 h-2 w-2 rounded-full bg-[rgb(var(--accent))]"></div>
        <div class="flex flex-col sm:flex-row sm:items-baseline sm:justify-between gap-1">
          <p class="font-medium">E-Commerce Manager — United Supermarkets #532</p>
          <p class="text-white/60 text-sm">Aug 2025 – Present</p>
        </div>
        <p class="text-white/80">Canyon, TX</p>
        <ul class="mt-2 text-white/70 space-y-1 list-disc pl-5">
          <li>Own day-to-day online grocery operations (order flow, substitutions, delivery/pickup SLA).</li>
          <li>Lead and schedule the e-commerce team; coach on accuracy, speed, and CX.</li>
          <li>Monitor inventory/pricing anomalies and coordinate fixes with department leads.</li>
          <li>Track KPIs (fill rate, OTIF, cancels, customer feedback) and drive process improvements.</li>
          <li>Partner with IT/vendors to keep handhelds, printers, and store systems humming.</li>
        </ul>
      </div>

      <!-- Internship (closed out) -->
      <div class="mt-8 relative pl-6">
        <div class="absolute left-0 top-2 h-2 w-2 rounded-full bg-white/40"></div>
        <div class="flex flex-col sm:flex-row sm:items-baseline sm:justify-between gap-1">
          <p class="font-medium">IT Intern / Junior System Administrator — Hutchinson County Court House</p>
          <p class="text-white/60 text-sm">May 2025 – Aug 2025</p>
        </div>
        <p class="text-white/80">Stinnett, TX</p>
        <ul class="mt-2 text-white/70 space-y-1 list-disc pl-5">
          <li>Assisted with Windows Server/Active Directory admin and routine maintenance.</li>
          <li>Resolved helpdesk tickets; imaged PCs and handled hardware/software issues.</li>
          <li>Helped configure switches/APs/firewall rules; supported backups and updates.</li>
          <li>Contributed to security policy rollouts and small infrastructure upgrades.</li>
        </ul>
      </div>

      <!-- Earlier roles (optional condensed) -->
      <div class="mt-8 relative pl-6">
        <div class="absolute left-0 top-2 h-2 w-2 rounded-full bg-white/20"></div>
        <div class="flex flex-col sm:flex-row sm:items-baseline sm:justify-between gap-1">
          <p class="font-medium">United Supermarkets &amp; The Pergola Shop — Various Roles</p>
          <p class="text-white/60 text-sm">2019 – 2025</p>
        </div>
        <ul class="mt-2 text-white/70 space-y-1 list-disc pl-5">
          <li>Bookkeeper, Lead Stocker, Wood Cutter — leadership, reliability, and strong customer service.</li>
        </ul>
      </div>
    </article>
  </div>
</section>


<section class="pb-16">
  <div class="container-page">
    <article class="card max-w-4xl">
      <h2 class="text-2xl font-semibold">Accomplishments</h2>
      <ul class="mt-3 text-white/80 space-y-2 list-disc pl-5">
        <li>Eagle Scout (Dec 2021)</li>
        <li>National Youth Leadership Training (2017–2019)</li>
      </ul>
    </article>
  </div>
</section>

{% endblock %}