index.html

---
layout: default
---
<section class="tone-dark header fullscreen">
  <img class="sitelogo"
       src="images/logo.svg"
       alt="{{ site.data.info.name }}">
  {{ site.data.info.date_and_location | markdownify }}
  {% if site.data.action.text %}
    <p>
      {% if site.data.action.link %}
        <a class="tone-dark link-action"
           href="{{ site.data.action.link }}"
           rel="noreferrer">{{ site.data.action.text | markdownify | remove: '<p>' | remove: '</p>' }}</a>
      {% else %}
        {{ site.data.action.text | markdownify }}
      {% endif %}
    </p>
  {% endif %}
  <p>
    We also organize <a href="#workshops">workshops</a> and <a href="https://github.com/LauzHack/deep-learning-bootcamp">bootcamps</a>.
  </p>
  <p>
    {% for social in site.data.info.socials %}
      <a class="social"
         href="{{ social[1] }}">
        <img src="images/socials/{{ social[0] }}.svg"
             alt="{{ social[0] }}">
      </a>
    {% endfor %}
  </p>
</section>

<section class="tone-dark">
  <div>
    {{ site.data.info.description_long | markdownify }}

    <p>
      Please keep in mind our <a href="/pdf/rules.pdf">rules</a>.
    </p>

    {% if site.data.info.past_editions %}
      <p>
        Check out the past editions:
        {% for edition in site.data.info.past_editions %}
          <a href="{{ edition[1] }}">{{ edition[0] }}</a>
        {% endfor %}
      </p>
    {% endif %}
  </div>
</section>

{% if site.data.schedule %}
  <section id="schedule">
    <h1>{{ site.data.schedule.title }}</h1>
    <div class="items-container">
      {% for part in site.data.schedule.table %}
        <div class="item-generic">
          <table>
            {% if part[0] != '' %}
            <tr>
              <th colspan="2">
                <h2>{{ part[0] }}</h2>
              </th>
            </tr>
            {% endif %}
            {% for item in part[1] %}
              <tr>
                <td>{{ item[0] }}</td>
                <td>{{ item[1] }}</td>
              </tr>
            {% endfor %}
          </table>
        </div>
      {% endfor %}
    </div>
  </section>
{% endif %}

{% if site.data.faq %}
  <section>
    <h1 id="faq">F.A.Q.</h1>
    <div class="items-container">
      {% for item in site.data.faq %}
        <div class="item-small">
          <h2 {% if item.id %} id="{{ item.id }}" {% endif %}>{{ item.q }}</h2>
          <p>{{ item.a | markdownify }}</p>
        </div>
      {% endfor %}
      <div class="item-small">
        <h2>I have another question...</h2>
        <p>
          Contact us by email ({{ site.data.info.email }})
          or on <a href="{{ site.data.info.socials.discord }}">Discord</a>!
        </p>
    </div>
  </section>
{% endif %}

{% if site.data.info.workshops_link %}
<section id="workshops">
  <h1>Workshops</h1>

  <p>
    We organize many workshops,
    see the <a href="{{ site.data.info.workshops_link }}">list of upcoming ones</a>, the calendar below,
    and the <a href="/workshops">material from previous ones</a>.
  </p>

  <iframe class="calendar"
          src="{{ site.data.info.workshops_iframe }}"
          allowfullscreen=""
          frameborder="0"
          aria-hidden="false">
  </iframe>
</section>
{% endif %}

{% if site.data.sponsors %}
  <section class="section-sponsors">
    <h1>Sponsors and Partners</h1>
    {% if site.data.sponsors.show_prospectus %}
      <div>
        <p>Interested in sponsoring us? Check out our prospectus for <a href="/pdf/sponsor-prospectus.pdf">hackathon sponsoring</a> and <a href="/pdf/tech-talk-sponsoring.pdf">tech talk sponsoring</a>.</p>
      </div>
    {% endif %}
    {% for tier in site.data.sponsors.tiers %}
      {% comment %} CSS is terrible so we set the number of items per row manually {% endcomment %}
      {% assign mod_3 = tier[1].items.size | modulo: 3 %}
      {% assign mod_4 = tier[1].items.size | modulo: 4 %}
      {% if mod_3 == 0 or mod_4 == 1 %}
        {% assign flex_basis = 30 %}
      {% else %}
        {% assign flex_basis = 24 %}
      {% endif %}
      <div class="items-container" {% if tier[1].color %} style="background: {{ tier[1].color }}" {% endif %}>
        {% if tier[1].show_title %}<section class="sponsortiertitle"><h3>{{ tier[0] }}</h3></section>{% endif %}
        {% for sponsor in tier[1].items %}
          {% comment %} Use SVG if available, PNG otherwise (and GIF if you must...) {% endcomment %}
          {% assign file_img = 'null' %}
          {% assign formats = "svg|png|gif" | split: "|" %}
          {% assign file_png_path = sponsor[0] | prepend: '/images/logos/' | append: '.gif' %}
          {% for file in site.static_files %}
            {% for format in formats %}
              {% assign format_path = sponsor[0] | prepend: '/images/logos/' | append: '.' | append: format %}
              {% if file.path == format_path %}
                {% assign file_img = format_path %}
              {% endif %}
            {% endfor %}
          {% endfor %}
          <div class="item-sponsor" style="flex-basis: {{ flex_basis }}%">
            <section id="sponsors">
              <a href="{{ sponsor[1] }}"
                rel="noreferrer">
                <img src="{{ file_img }}"
                      alt="{{ tier[0] }} - {{ sponsor[0] }}"
                      style="width: min(80vw, {{ tier[1].size }}vh)">
              </a>
            </section>
          </div>
        {% endfor %}
      </div>
    {% endfor %}
  </section>
{% endif %}

<section class="tone-dark">
  <h1>Committee</h1>
  <div class="items-container">
    {% assign sorted_people = site.data.organizers.people | sort: 'given' %} {% comment %} Sorts alphabetically automatically by given. {% endcomment %}
    {% for person in sorted_people %}
      <div class="person-item">
        <a class="person-link"
           href="{{ person.link }}"
           rel="noreferrer">
            <div class="person-container">
              <img class="person-image"
                   src="images/people/{{ person.given }} {{ person.family }}.jpg"
                   alt="Picture of {{ person.given }} {{ person.family }}">
              <div class="person-info">
                <span class="person-given">{{ person.given }}</span>
                <br>
                <span class="person-family">{{ person.family }}</span>
              </div>
            </div>
          </a>
        </div>
      {% endfor %}
    </div>
  </div>
  {% if site.data.organizers.group %}
    <p>
      {{ site.data.info.name }} is organized by {{ site.data.organizers.group }}, whose legal documents can be viewed <a href="/legal">here</a>.
    </p>
  {% endif %}
</section>