index.html

{% extends year_str + "/base.html" %}

{% block full_title %}
Home - Write the Docs {{ name }} {%- if cobrand is defined and cobrand %} + {{ cobrand.brand }} {% endif %} {{ year }}
{% endblock %}

{% block head_link %}
<style>
.page-content h1 {
    display: none;
}
</style>
{% endblock %}

{% block container %}
<div class="hero" style="background: linear-gradient(rgba({{ rgb }}, 1),  rgba({{ rgb }}, 0.5)), url({{ pathto(meta['banner'], 1) }}), no-repeat;background-position: bottom;background-size: cover;">
    <nav class="uk-navbar-container uk-container uk-navbar-transparent" uk-navbar="offset: -18">
      <div class="uk-navbar-right">
        <button class="uk-navbar-toggle uk-hidden@s"  type="button" uk-navbar-toggle-icon uk-toggle="target: #offcanvas-nav"></button>
        <div id="offcanvas-nav" uk-offcanvas="overlay: true">
            <div class="uk-offcanvas-bar uk-flex uk-flex-column">
                    <div class="menu-logo">
                            Write<br>
                            the<br>
                            Docs<br>
                            {% if cobrand is defined and cobrand %}
                            <em>+</em>
                            {{ cobrand.brand_html }}
                            {% endif %}
                            <em>{{ name }}</em> <br>
                            <em style="top: -20px;">{{ year }}</em>
                        </div>
                      {% if not flaglanding %}
                     {% include year_str + "/menu-mobile.html" %}
                     {% endif %}
            </div>
        </div>
       {% if not flaglanding %}
       {% include year_str + "/menu-desktop.html" %}
       {% endif %}
      </div>
    </nav>

    <div class="hero-content uk-container">
      <div class="logo-container">
        <a class="hero-logo" data-proofer-ignore>
          Write<br/>
          the<br/>
          Docs<br/>
          {% if cobrand is defined and cobrand %}
          <em>+</em>
          {{ cobrand.brand_html }}
          {% endif %}
          <em>{{ name }}</em> <br>
          <em style="top: -20px;">{{ year_str }}</em>
        </a>
      </div>
      <div class="hero-text">
        <p>The conference focused on all things related to software documentation.</p>
        <p>
          <b>
            Online: {{ tz }} <br>
            <!--{{ city }}, {{ local_area }}<br> -->
            {{ date.short }}
          </b>
        </p>

        <div class="ctas-block">

         {% if buttons is defined and buttons.top %}
         {% for callout in buttons.top %}
           <a class="uk-button uk-button-secondary uk-text-center" href="{% if callout.link_absolute %}{{ callout.link_absolute }}{% else %}{{ pathto('conf/' + shortcode + '/' + year_str + callout.link ) }}{% endif %}">{{ callout.text }}</a>
         {% endfor %}
         {% endif %}

        </div>
      </div>
    </div>
  </div><!-- end hero -->

  {% if flagcancelled %}

  <div class="announcement">
    <div class="uk-container">
      <p style="vertical-align: middle;">
        <strong>The {{ name}} {{year}} conference has been cancelled.</strong><br>
        Please see our news post for more details.
      </p>
    </div>
  </div>
  <!--- end announcement -->
  {% elif flagvideos or flagpostconf %}

  <div class="announcement">
    <div class="uk-container">
      <p style="vertical-align: middle;">
        The {{ city}} {{year}} conference is now over.
        Thanks for coming!
      </p>
    </div>
  </div><!--- end announcement -->

  {% else %}

  <div class="announcement">
    <div class="uk-container">
      <p style="vertical-align: middle;">Want to receive conference and community updates?</p>
      <a class="uk-button uk-button-announcement" href="{{ pathto('conf/' + shortcode + '/' + year_str + '/mailing-list' ) }}">
        Join our Mailing List
      </a>
    </div>
  </div><!--- end announcement -->

  {% endif %}

  <div class="about">
    <div class="uk-container">

      <div class="about-content">
        <h2>What is Write the Docs?</h2>
        <p>
          Write the Docs brings everyone who writes the docs together in the same room: Programmers, Tech Writers, Support, Designers, Developer Advocates, and more. We all have things to learn from each other, and there’s no better way than sitting together and talking.
        </p>
        <p>
          We invite you to join {{ about.attendees }} other folks in our event to explore the art and science of documentation.
        </p>
        {% if flaglivestreaming %}
        <p>
          <a href="{{ pathto('conf/' + shortcode + '/' + year_str + '/livestream') }}">Live streaming is available</a> during the conference.
          You do <strong>not</strong> need a ticket to watch the stream. Videos of talks will be published after the conference.
        </p>
        {% endif %}

      </div>

      <div class="picture-set">
        <div data-aos="pictrue-03" data-aos-once="true">
        <img src="{{ pathto('_static/conf/images/pics/pictrue-03.jpg', 1) }}">
        </div>
        <div data-aos="pictrue-02" data-aos-once="true">
        <img src="{{ pathto('_static/conf/images/pics/pictrue-02.jpg', 1) }}">
        </div>
        <div data-aos="pictrue-01" data-aos-once="true">
        <img src="{{ pathto('_static/conf/images/pics/pictrue-01.jpg', 1) }}">
        </div>
      </div>
    </div>
  </div><!-- end about -->

  <div class="schedule-overview">
    <div class="uk-container" uk-grid>
      <h2>Schedule Overview</h2>
      <div class="schedule-item uk-width-1-3@s">
        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_one.icon + '-' + color +  '.svg', 1) }}">
        <h3>{{ date.day_one.event }} </h3>
        <em>{{ date.day_one.date }} </em>
        <p>{{ date.day_one.summary }} </p>
      </div>

      {% if date.day_two is defined %}
      <div class="schedule-item uk-width-1-3@s">
        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.day_two.icon + '-' + color +  '.svg', 1) }}">
        <h3>{{ date.day_two.event }} </h3>
        <em>{{ date.day_two.date }} </em>
        <p>{{ date.day_two.summary }} </p>
      </div>
      {% endif %}

      {% if date.conference is defined %}
      <div class="schedule-item uk-width-1-3@s">
        <img style="height: 150px;" src="{{ pathto('_static/conf/images/icons/' + date.conference.icon + '-' + color +  '.svg', 1) }}">
        <h3>{{ date.conference.event }} </h3>
        <em>{{ date.conference.date }} </em>
        <p>{{ date.conference.summary }} </p>
      </div>
      {% endif %}

      {% if flagspeakersannounced %}

      <div class="learn-more">
        <a class="uk-align-right" href="{{ pathto('conf/' + shortcode + '/' + year_str + '/schedule') }}">See the Full Schedule</a>
      </div>

      {% endif %}

    </div>
  </div><!-- end schedule overview -->

  {% if body %}
    {% block body %}
      {{ body }}
    {% endblock body %}
  {% endif %}

{% endblock container %}