index.html

---
layout: default
title: Home
description: >-
  HackHPC brings students, faculty, researchers, mentors, national laboratories, research
  computing centers, and industry together through hackathons, codeathons, training
  institutes, and faculty development programs.
---
{% assign events = site.data.events %}
{% assign today = site.time | date: '%Y-%m-%d' %}
{% assign upcoming = events | where_exp: "e", "e.start_date >= today" | sort: "start_date" %}
{% assign recent = events | sort: "start_date" | reverse %}
{% assign featured = upcoming | default: recent %}
{% assign core_partners = site.data.partners | where: "tier", "core" %}
{% assign earliest_year = events | map: "start_date" | sort | first | slice: 0, 4 %}
{% assign all_events_by_date = events | sort: "start_date" | reverse %}

<aside class="events-rail">
  <div class="events-rail-header">
    <div class="events-rail-title">Event Quick Links</div>
    <div class="events-rail-subtitle">Newest first</div>
  </div>
  <ul class="events-rail-list">
    {% for event in all_events_by_date %}
    <li><a href="{{ event.url }}">{{ event.name }}</a></li>
    {% endfor %}
  </ul>
  <div class="events-rail-footer">
    <a href="/events/">Browse the Full Archive →</a>
  </div>
</aside>

<section class="hero section--dark">
  <div class="container hero-content">
    <span class="eyebrow">Since {{ earliest_year }}</span>
    <h1>Building the next generation of research computing through hands-on collaboration</h1>
    <p class="tagline">HackHPC brings students, faculty, researchers, mentors, national laboratories, research computing centers, and industry together through hackathons, codeathons, training institutes, and faculty development programs.</p>
    <div class="cta-row">
      <a href="/events/" class="btn btn-primary">Find an Event</a>
      <a href="/programs/mentors.html" class="btn btn-secondary">Become a Mentor</a>
      <a href="/partners/" class="btn btn-secondary" style="background:transparent; color:#fff; border-color:#fff;">Partner With HackHPC</a>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <span class="eyebrow">HackHPC by the numbers</span>
    <h2 class="mt-0">A decade of momentum, built one event at a time</h2>
    <div class="metrics-grid">
      <div class="metric-card">
        <div class="metric-value">{{ events.size }}+</div>
        <div class="metric-label">HackHPC Events</div>
      </div>
      <div class="metric-card">
        <div class="metric-value">{{ earliest_year }}</div>
        <div class="metric-label">Founded — Active Since</div>
      </div>
      <div class="metric-card">
        <div class="metric-value">{{ site.data.partners.size }}</div>
        <div class="metric-label">Partner Organizations</div>
      </div>
      <div class="metric-card">
        <div class="metric-value">{{ site.data.schools.size }}</div>
        <div class="metric-label">Academic Institutions</div>
      </div>
      <div class="metric-card">
        <div class="metric-value">4</div>
        <div class="metric-label">Program Types — Hackathons, Codeathons, Training, Faculty Dev</div>
      </div>
    </div>
    <p class="small" style="margin-top:1rem;">Counts reflect events and partners currently indexed in this site's <a href="{{ site.github_org_url }}/hackhpc.github.io/blob/main/_data/events.json" target="_blank" rel="noopener">event archive</a>.</p>
  </div>
</section>

<section class="section section--soft">
  <div class="container">
    <span class="eyebrow">What HackHPC does</span>
    <h2 class="mt-0">Three ways we build the research computing workforce</h2>
    <div class="grid-3">
      <div class="card">
        <div class="pillar-icon">🎓</div>
        <h3>Workforce Development</h3>
        <p>Hackathons and codeathons give students hands-on experience with real research-computing problems — alongside mentors from national labs, universities, and industry.</p>
      </div>
      <div class="card">
        <div class="pillar-icon">🧑‍🏫</div>
        <h3>Faculty Development</h3>
        <p>FacultyHack helps instructors integrate HPC, AI, and science gateways into their courses through collaborative, deliverable-focused training institutes.</p>
      </div>
      <div class="card">
        <div class="pillar-icon">🖥️</div>
        <h3>Research Infrastructure Access</h3>
        <p>Partnerships with TACC, ORNL, Science Gateways (SGX3), and the Supercomputing Conference series connect participants directly to national research computing resources.</p>
      </div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <span class="eyebrow">{% if upcoming.size > 0 %}Upcoming{% else %}Recent{% endif %} Events</span>
    <h2 class="mt-0">See what's next</h2>
    <div class="grid-3">
      {% for event in featured limit: 3 %}
      <div class="card event-card">
        <span class="badge badge-{{ event.type }}">{{ event.type }}</span>
        <h3><a href="{{ event.url }}">{{ event.name }}</a></h3>
        <div class="event-date">{{ event.date_display }}</div>
        <p>{{ event.description }}</p>
        <div class="card-links">
          <a href="{{ event.url }}" class="btn btn-outline btn-small">View Event</a>
        </div>
      </div>
      {% endfor %}
    </div>
    <div class="cta-row">
      <a href="/events/" class="btn btn-outline">Browse All {{ events.size }} Events</a>
    </div>
  </div>
</section>

<section class="section section--soft">
  <div class="container">
    <span class="eyebrow">Partner Ecosystem</span>
    <h2 class="mt-0">Core partners powering HackHPC</h2>
    <div class="partner-strip-grid">
      {% for p in core_partners %}
      <a href="{{ p.url }}" target="_blank" rel="noopener" class="card card--soft stack" style="text-align:center; align-items:center; gap:0.6rem;">
        <span class="partner-icon" style="width:40px; height:40px;">
          {% if p.fa_icon %}<i class="fa-brands fa-{{ p.fa_icon }}" aria-hidden="true"></i>
          {% elsif p.icon %}<img src="{{ p.icon }}" alt="" loading="lazy" width="40" height="40">
          {% else %}<span class="partner-icon-fallback" aria-hidden="true">{{ p.name | slice: 0, 1 }}</span>{% endif %}
        </span>
        <span class="partner-name">{{ p.name }}</span>
      </a>
      {% endfor %}
    </div>
    <div class="cta-row">
      <a href="/partners/" class="btn btn-outline">See All Partners</a>
    </div>
  </div>
</section>

<section class="section section--dark text-center">
  <div class="container">
    <h2>Ready to get involved?</h2>
    <p class="tagline" style="margin:0 auto;">Whether you're a student, faculty member, mentor, or organization — there's a way to join HackHPC.</p>
    <div class="cta-row" style="justify-content:center;">
      <a href="/get-involved/" class="btn btn-primary">Explore All Ways to Join</a>
    </div>
  </div>
</section>