index.html

---
layout: default
---

<div class="row">
  <div class="col-md-6 offset-md-3">

    {% assign post = site.posts.first %}
    {% assign slug = post.id | split: '/' | last %}
    {% assign location = site.data.locations[slug] %}

    {% if slug == 'none' %}
      <img
        class="img-fluid"
        src="images/flyers/flyer-no-disco.png?v={{ site.time | date: '%s' }}"
        alt="Flyer for Secret Roller Disco: NO DISCO THIS WEEK, {{post.date | date: '%A, %B %-d, %Y'}}."
      \>
    {% else %}
      <img
        class="img-fluid"
        src="images/flyers/flyer-{{post.date | date: '%F'}}.png?v={{ site.time | date: '%s' }}"
        alt="
          Flyer for Secret Roller Disco:
          {{post.date | date: '%A, %B %-d, %Y'}}, {{post.time}}.
          {{location['name']}}. {{post.alt}} {{location['address']}}. All wheels welcome.
          {% if post.rentals == true %}Skate Rentals!{% else %}No Skate Rentals.{% endif %}
        "
      \>
    {% endif %}

    <div class="info section">
      <h3>
        {{post.date | date: "%A"}}<br/>
        {{post.date | date: "%B %-d, %Y"}}<br/>
        {{post.time}}
      </h3>

      <p>
        {{location['name']}}<br/>
        {% if location['name'] contains 'Secret' %}
          <a href="tel:{{location['address']}}" target="_blank">{{location['address']}}</a>
        {% elsif slug == 'gone' %}
          {{location['address']}}
        {% elsif slug == 'none' %}
          {{location['address']}}
        {% else %}
          {{location['address']}}<br/>
          {{location['city']}}</p><p>
          <a href="http://maps.apple.com/?q={{location['address']}}+{{location['city']}}" target="_blank">Apple Maps</a> •
          <a href="http://maps.google.com/?q={{location['address']}}+{{location['city']}}" target="_blank">Google Maps</a>
        {% endif %}
      </p>

      {% if post.alt %}
        <p class='alt'>{{post.alt}}</p>
      {% endif %}

      {% if post.theme %}
        <p><strong>Theme</strong><br/>{{post.theme}}</p>
      {% endif %}

      {% if post.djs %}
        <p><strong>Featuring</strong><br/>
          {% for dj in post.djs %}
            {% if dj.name %}
              {% if dj.link %}
                <a href="{{dj.link}}" target="_blank">{{dj.name}}</a>
              {% else %}
                {{dj.name}}
              {% endif %}
              <br/>
            {% endif %}
          {% endfor %}
        </p>
      {% endif %}

      {% if post.rentals == true %}
        <p>🥳 <span class='rentals'>SKATE RENTALS</span> 🥳</p>
      {% elsif post.rentals == false %}
        <p><strong>☹️ NO SKATE RENTALS ☹️</strong></p>
      {% endif %}
    </div>

    {% if post.map == true %}
      <div class="section">
        <img
          class="img-fluid"
          src="images/flyers/location-{{slug}}.png"
          alt="Location Map This Week: {{location['name']}}. {{location['address']}}."
        \>
      </div>
    {% endif %}

    <div class="social section">
      <ul class="d-flex list-unstyled justify-content-center">
        <li>
          <a href="https://www.instagram.com/secretrollerdisco/" target="_blank">
            <img src="images/social/instagram.png" class="social" alt="instagram logo">
          </a>
        </li>
        <li>
          <a href="https://www.tiktok.com/@secretrollerdisco" target="_blank">
            <img src="images/social/tiktok.png" class="social" alt="tiktok logo">
          </a>
        </li>
        <li>
          <a href="https://www.facebook.com/groups/356245775488560" target="_blank">
            <img src="images/social/facebook.png" class="social" alt="facebook logo">
          </a>
        </li>
      </ul>
    </div>

    <div class="section">
       <img src="images/2026-summer-schedule.png" class="img-fluid" alt="List of dates for the 2026 Secret Roller Disco Summer Schedule">
    </div>

    <div class="section">
      <img src="images/least-secret-disco.png" class="img-fluid" alt="Portland’s least secret Secret Roller Disco!">
    </div>

    <div class="section">
      <img src="images/logo-eye.png" class="img-fluid" alt="Secret Roller Disco logo with an eye ball in inside a disco ball inside a triangle.">
    </div>

    <!-- <div class="section">
      <img src="images/logo-pef.png" class="img-fluid" alt="Portland Events &amp; Film Logo">
      <p>Portland Events and Film is proud to support events that celebrate our city, build community, and represent the diversity of Portland’s creative talent, businesses, and communities.</p>
    </div>

    <div class="section">
      <img src="images/logo-racc.png" class="img-fluid" alt="Regional Arts &amp; Culture Council Logo">
      <p>These events made possible by public arts funding from Regional Arts &amp; Culture Council (RACC) who envision a community that supports, participates, and finds joy in arts and culture, not just for those who can afford to pay.</p>
    </div> -->

  </div>
</div>