index.html

---
layout: default
title: WWWTF X Berlin
---

{% include intro.html %}

<main class="main main--events" id="events">
  <div class="container"> 
    <ol class="events">
      {% for post in site.posts reversed %}
        <li class="events__item {% if post.highlight %}event__highlight{% endif %}">
          {% capture nowtime %}{{site.time | date: '%s'}}{% endcapture %}
          {% capture posttime %}{{post.date | date: '%s'}}{% endcapture %}
          <article class="event{% if nowtime > posttime %} event__past{% endif %}">
            <div class="event__day">
              {{ post.date | date: "%a" }}
            </div>
            <div class="event__date">
              <time datetime="{{ post.date }}">
                {{ post.date | date: "%-d %b" }}
              </time>
              <div class="event__duration">{{ post.time }}</div>
              {% assign modifier = 'small' %}
              {% include event-cta.html modifier=modifier post=post %}
            </div>
            <div class="event__details">
              <h2 class="event__name">
                <a href="{{ post.href }}" class="event__name-link">{{ post.title }}</a>
              </h2>
              <ul class="event__info">
                <li>
                  <span class="event__link event__link--location">
                    <svg class="icon icon--inline icon--event-info icon--small">
                      <use xlink:href="#icon-marker"></use>
                    </svg>
                    {{ post.venue }}
                  </span>
                </li>
                <li>
                  <a href="{{ post.href }}" class="event__link event__link--website">
                    <svg class="icon icon--inline icon--event-info icon--small icon--globe">
                      <use xlink:href="#icon-globe"></use>
                    </svg>
                    Website
                  </a>
                </li>
                {% if post.twitter %}
                  <li>
                    <a href="#" class="event__link event__link--twitter">
                      <svg class="icon icon--inline icon--event-info icon--small icon--globe">
                        <use xlink:href="#icon-twitter"></use>
                      </svg>
                      Twitter
                    </a>
                  </li>
                {% endif %}
              </ul>
            </div>
            {% assign modifier = '' %}
            {% include event-cta.html modifier=modifier post=post %}
          </article>
        </li>
      {% endfor %}
    </ol>
    <div class="more_links">
      <a href="https://github.com/jsconf/wwwtf.berlin#create-an-event">Want to submit your event?</a>
      <a href="{% link about.html %}">What is WWWTF, exactly?</a>
    </div>
  </div>
</main>