layout: default
{% assign today_date = 'now' | date: '%s' %}
{% for topic in site.topics %}
{% assign topic_date = topic.date | date: '%s' %} {% if topic_date >= today_date %} {% if next %} {% if topic_date < next %} {% assign next = topic_date %} {% endif %} {% else %} {% assign next = topic_date %} {% endif %} {% endif %}
{% endfor %}
<body id=“page-top” class=“index”> <!– Header –> {% include navigation.html %} {% for topic in site.topics %}
{% assign topic_date = topic.date | date: '%s' %} {% if topic_date == next %} <header> <div class="container"> <div class="intro-text"> <div class="intro-heading">{{ topic.topic_name }}<br></div> <div class="intro-lead-in">{{ topic.date | date: "%b %d, %y" }}</div> <div class="intro-lead-in">{{ topic.time }}</div> <a href="#speakers" class="page-scroll btn btn-xl">Tell Me More</a> </div> </div> </header> <!-- Portfolio Grid Section --> <section id="speakers" class="bg-light-gray"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading">Speakers</h2> <h3 class="section-subheading text-muted"></h3> </div> </div> <div class="row"> {% if topic.speakers %} {% assign speaker_usernames = topic.speakers | split: "," %} {% for speaker_username in speaker_usernames %} {% assign speaker_username_stripped = speaker_username | strip %} {% for speaker in site.speakers %} {% unless speaker.example %} {% if speaker_username_stripped == speaker.username %} <div class="col-md-4 col-sm-6 speakers-item"> <a href="#{{ speaker.username }}" class="speakers-link" data-toggle="modal"> <div class="speakers-hover"> <div class="speakers-hover-content"> <i class="fa fa-plus fa-3x"></i> </div> </div> <img src="/assets/img/speakers/{{ speaker.username }}.jpg" class="img-responsive img-centered" alt="{{ speaker.username }}"> </a> <div class="speakers-caption"> <h4>{{ speaker.name }}</h4> <p class="text-muted">{{ speaker.title }}</p> </div> </div> {% endif %} {% endunless %} {% endfor %} {% endfor %} {% else %} <img src="/assets/img/speaker/tbd.jpg" class="img-responsive img-centered" alt="To Be Determined"> {% endif %} </div> </div> </section> <section id="topic" class="bg-light-gray"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-heading">Description</h2> <h3 class="section-subheading text-muted"></h3> </div> </div> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8 text-left"> {{ topic.content }} </div> <div class="col-md-2"></div> </div> </div> </section> {% if topic.speakers %} {% assign speaker_usernames = topic.speakers | split: "," %} {% for speaker_username in speaker_usernames %} {% assign speaker_username_stripped = speaker_username | strip %} {% for speaker in site.speakers %} {% unless speaker.example %} {% if speaker_username_stripped == speaker.username %} <div class="portfolio-modal modal fade" id="{{ speaker.username }}" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-content"> <div class="close-modal" data-dismiss="modal"> <div class="lr"> <div class="rl"> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <div class="modal-body"> <h2>{{ speaker.title }}</h2> <hr class="star-primary"> <img src="/assets/img/speakers/{{ speaker.username }}.jpg" class="img-responsive img-centered" alt="{{ speaker.username }}"> <p>{{ speaker.content }}</p> <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> </div> </div> </div> </div> </div> </div> {% endif %} {% endunless %} {% endfor %} {% endfor %} {% endif %} {% endif %}
{% endfor %}
</body>