index.html

---
layout: base
title: For facilitators
audience: facilitators
description: Hundreds of volunteers organize a coderetreat in their community each year. Join us!
---

<div
  class="jumbotron jumbotron-fluid text-center"
  style="
    background: url('{% link /facilitators/assets/home-jumbotron.jpg %}');
    background-size: cover;
    position: relative;
    background-position: center;
    min-height: 400px;
  "
>
  <div style="position: absolute; bottom: 0; right: 0" class="bg-light px-1">
    <small
      ><a href="https://twitter.com/SCC_at_DATEV/status/1195605012216504320"
        >Photo by @SCC_at_DATEV
      </a></small
    >
  </div>
  <div
    class="px-5 py-3 d-inline-block text-light"
    style="background-color: rgba(0, 0, 0, 0.8)"
  >
    <div class="container">
      <h1>Organize your own coderetreat!</h1>
      <p>
        Hundreds of volunteers organize a coderetreat in their community each
        year. <br /><strong>Join us!</strong>
      </p>
      <div class="container-fluid mb-2">
        <a
          class="btn btn-secondary col-12 col-md-3"
          href="{% link facilitators/hosting.md %}"
          >Hosting Guide</a
        >
        <a
          class="btn btn-primary col-12 col-md-3"
          href="{% link facilitators/register.html %}"
          >Register an Event</a
        >
        <a
          class="btn btn-secondary col-12 col-md-3 "
          href="{% link facilitators/facilitation.md %}"
          >Facilitation Guide</a
        >
      </div>
      <div class="container-fluid">
        <a
          class="btn btn-primary col-12 col-md-9"
          href="{% link facilitators/videobooths/index.html %}"
          >Video Booths
        </a>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="card-deck">
    <div class="card">
      <img
        src="{% link facilitators/assets/home-training.jpg %}"
        class="card-img-top"
        alt="A screenshot from one of the training sessions"
      />
      <div class="card-body">
        <h5 class="card-title">Trainings</h5>
        <p class="card-text">
          Experienced facilitators teach you everything you need to know to run
          your own coderetreat <b>for free</b>. Check for the next online
          trainings!
        </p>
        <a
          href="{% link facilitators/training-sessions.html %}"
          class="btn btn-primary"
          >Join a training session</a
        >
      </div>
      <div class="card-footer py-1">
        <span class="small"
          >Screenshot from
          <a href="https://www.youtube.com/watch?v=GvC-jlxWo1c">
            Alastair Smith's training session</a
          ></span
        >
      </div>
    </div>
    <div class="card">
      <img
        src="{% link facilitators/assets/home-constraints.jpg %}"
        class="card-img-top"
        alt="A photo of a flipchart explaining a constraint (this one: 2 minutes to green or revert)"
      />
      <div class="card-body">
        <h5 class="card-title">Constraints</h5>
        <p class="card-text">
          Find new challenging constraints to mix things up at your event, or go
          with the classic structure – you decide! We collected some constraints
          and we're eager to hear yours!
        </p>
        <a href="{% link facilitators/constraints.md %}" class="btn btn-primary"
          >Constraints Library</a
        >
      </div>
      <div class="card-footer py-1">
        <span class="small"
          >Photo by
          <a
            href="https://twitter.com/swkBerlin/status/741605291888873472/photo/2"
            >@swkBerlin</a
          ></span
        >
      </div>
    </div>
    <div class="card">
      <img
        src="{% link facilitators/assets/home-marketing.jpg %}"
        class="card-img-top"
        alt="A collection of folded pocketmods explaining the coderetreat format"
      />
      <div class="card-body">
        <h5 class="card-title">Resources</h5>
        <p class="card-text">
          From pocketmods to full-size posters, volunteers have created tons of
          material to support you and your attendees. Check out our gallery of
          downloads!
        </p>
        <a href="{% link facilitators/resources.md %}" class="btn btn-primary"
          >Resources</a
        >
      </div>
      <div class="card-footer py-1">
        <span class="small"
          >Photo by
          <a
            href="https://twitter.com/CoderetreatMum/status/1195569142511722498/photo/1"
            >@CoderetreatMum</a
          ></span
        >
      </div>
    </div>
  </div>
</div>