index.html

---
layout: base
title: Home
---

{% assign sections = site.data.config.homepage_sections %}

<!-- About ScaleConf -->

<div class="row" style="background: url(img/layout/cape-town-misty-banner.jpg); background-size: cover; background-position: bottom">
  <div class="col-md-offset-3 col-md-6 text-center section" style="height:500px">
    <h1>Welcome to ScaleConf</h1>
    <p class="big">
      Each year ScaleConf brings international and local experts
      together to share their experience scaling websites and services
      using modern technologies and philosophies.
    </p>
    <p class="big" style="color:#204e5e">
      {{ site.data.config.dates }}<br/>
      Kirstenbosch Botanical Gardens<br/>
      Cape Town, South Africa
    </p>
  </div>
</div>

<!-- General Information -->

{% if sections.upcoming_conference %}
<div class="row">
  <div class="col-md-offset-3 col-md-6 section">
    <div class="row text-center">
      <h2>Next Conference</h2>
    </div>
    <div class="row">
      <div class="col-md-4">
        <h3>Info</h3>
        <ul class='info-list'>
          <li>{{ site.data.config.dates }}</li>
          <li>Kirstenbosch Botanical Gardens, Cape Town, South Africa</li>
        </ul>
      </div>

      <div class="col-md-4">
        <h3>Sponsors</h3>
        <p>We have a number of sponsorship packages available to help
          bring your organization into the spotlight.</p>
        <p><i>Contact us for more information at <a href="mailto:info@scaleconf.org">info@scaleconf.org</a>.</i></p>
      </div>

      <div class="col-md-4">
        <h3>Speakers</h3>
        <p>Step up to the microphone, and tell us your story!</p>
        <a href="/submit-talk" role="button" class="btn btn-primary">Submission Details</a>
      </div>
    </div>
  </div>
</div>
{% endif %}

<!-- This Years Speakers -->

{% if sections.current_speakers %}
{% assign current_speakers = site.data.speakers | where:"year", site.data.current_year %}
<div class="row">
  <div class="col-md-offset-3 col-md-6 section">
    <div class="row text-center">
      <h2>Confirmed Speakers</h2>
    </div>
    <div class="row" style='margin-top:20px;'>
      {% for speaker in current_speakers %}
      <a href="/speakers/#{{speaker.name | slugify }}">
        <div class="col-lg-4 col-md-6 col-sm-6" style="height:120px; overflow-y:hidden">
          <img src='/img/speakers/{{speaker.name | slugify | replace: '-', '_'}}.small.jpg' style='display:inline-block; vertical-align:top; margin-right:10px; border-radius:30px; height:60px; width:60px'/>
          <div style='display:inline-block; width:60%; padding-bottom:10px;'>
            <p>
              <b>{{ speaker.name }}</b><br/>
              {{ speaker.company}}<br/>
            </p>
          </div>
        </div>
      </a>
      {% endfor %}
    </div>
    <div class="row text-center">
      <a href="/speakers" role="button" class="btn btn-primary">Past speakers</a>
    </div>
  </div>
</div>
{% endif %}

<!-- Tickets - Buy -->

{% if sections.tickets_sell %}
<div class="row" style="background:#d2eef5; padding: 0px 0 30px;">
  <div class="col-md-offset-3 col-md-6 text-center">
    <h2>Tickets on Sale</h2>
    <div class='text-center'>
      {% include quicket-frame.html %}
    </div>
  </div>
</div>
{% endif %}

<!-- Tickets - Waiting List -->

{% if sections.tickets_waitinglist %}
<div class="row" style="background:#f0f0f0; padding: 0px 0 10px; margin-top:-1px;">
  <div class="col-md-offset-3 col-md-6 text-center section">
    <h2>Tickets are Sold Out</h2>
    <p class="big">
      Add your name to the waiting list, and we'll notify you if tickets become available.
    </p>
    <div class='text-center'>
      <a href="https://docs.google.com/forms/d/e/1FAIpQLSfYeNol6suU_tSTP-VRxqq3I658NGcUWWpq0NV0LgAG6H06Dw/viewform?c=0&w=1" role="button" class="btn btn-primary">Add to Waiting List</a>
    </div>
  </div>
</div>
{% endif %}

<!-- Tickets - Notify -->

{% if sections.tickets_notify %}
<div class="row" style="background:#f0f0f0; padding: 0px 0 10px; margin-top:-1px;">
  <div class="col-md-offset-3 col-md-6 text-center section">
    <h2>Tickets</h2>
    <p class="big">
      Register on our mailing list to be notified when tickets go on sale, and for other updates about ScaleConf.
    </p>
    <div class='text-center'>
      {% include mailing-list-signup.html %}
    </div>
  </div>
</div>
{% endif %}


<!-- Previous Speakers -->

{% if sections.previous_speakers %}
{% assign landing_page_speakers = site.data.speakers | where:"landing_page", "true" %}
<div class="row">
  <div class="col-md-offset-3 col-md-6 section">
    <div class="row text-center">
      <h2>Previous Speakers</h2>
      <p class="big">
        With a mixture of South African and international speakers, each year we bring
        a diversity of experience and perspective to the stage. Read about previous
        speakers and their talks below.
      </p>
    </div>
    <div class="row" style='margin-top:20px;'>
      {% for speaker in landing_page_speakers %}
      <div class="col-md-4" style="height:110px; overflow-y:hidden">
        <img src='/img/speakers/{{speaker.name | slugify | replace: '-', '_'}}.small.jpg' style='display:inline-block; vertical-align:top; margin-right:10px; border-radius:25px; height:50px;'/>
        <div style='display:inline-block; width:60%; padding-bottom:10px;'>
          <p>
            <b>{{ speaker.name }}</b><br/>
            {{ speaker.company}}
          </p>
        </div>
      </div>
      {% endfor %}
    </div>
    <div class="row text-center">
      <a href="/speakers" role="button" class="btn btn-primary">Past speakers</a>
    </div>
  </div>
</div>
{% endif %}

<!-- Sponsors -->

{% if sections.sponsors %}
{% assign landing_page_sponsors = site.data.sponsors.sponsors | where:"active", "true" | sort:"active_rank" %}
<div class="row">
  <div class="col-md-offset-3 col-md-6 text-center section">
    <div class="row">
      <h2>Sponsors for 2017</h2>
      <p class="big">
        We would like to thank our generous sponsors, without which this conference would not happen.
      </p>
    </div>
    <div class="row">
      {% for sponsor in landing_page_sponsors %}
      <div class="col-md-4" style="height:120px; overflow-y:hidden">
        <img src='/img/sponsors/{{ sponsor.name | slugify | replace: '-', '_' }}.large.png' style='display:inline-block; vertical-align:top; width:90%;'/>
      </div>
      {% endfor %}
    </div>
    <div class="row text-center" style="margin-top:30px">
      <a href="/sponsors" role="button" class="btn btn-primary">More information on sponsors</a>
    </div>
  </div>
</div>
{% endif %}