index.jinja2

---
warning:
- DO NOT MODIFY index.html DIRECTLY!
- index.html is AUTOGENERATED! 
- The schedule content is defined in /code/admin/planning/Schedule.ipynb
- The HTML template driver is in index.jinja2
title: Introduction to Programming
author:
- Kris Jordan
- Ezri White
- Claire Helms
page: home
template: home
---

<div class="link-page pt-4">
{# Two Main Columns #}
<div class="row">

<!-- Horizon Box/Column -->
<div class="col-lg-4 col-md-12 col-md-1 order-lg-3 pt-5"> 
    <div class="horizon-box mb-3">
        <h3 class="header text-center pt-2">On The Horizon</h3>
        {%- if horizoninfo|length > 0 -%}
            <ul class="list-unstyled d-flex  px-sm-5 px-md-5 px-lg-0 flex-wrap justify-content-center justify-content-md-between justify-content-lg-center align-items-center">
                {%- for plan in horizoninfo -%}
                    <li class="horizon-item">
                        {%- if plan.links != {} -%}
                            {%- for link in plan.links -%}
                                <a href="{{ plan.links[link] }}">{{ plan.descriptor }}</a>
                            {%- endfor -%}
                        {%- endif -%}
                        {%- if plan.links == {} -%}
                            <span>{{ plan.descriptor }}</span>
                        {%- endif -%}
                    </li>
                {%- endfor -%}
            </ul>
        {%- endif -%} 
    </div>
    {# Button to bring page to the past section of itinerary #}
    <div class="past-link">
        <a href="#past">
            <div class="past-btn">
                <div class="text-center align-middle past-text">Past Lectures <span class="down-arrow">&darr;</span></div>
            </div>
        </a>
    </div>
</div>

<!-- Agenda Box/Column -->
<div class="col-lg-8 col-md-12 order-sm-2 order-lg-1 itinerary-col itinerary">
    <div>
    <!-- Allows us to smooth scroll to This Week and Coming Up section -->
    <div id="latest" class="pb-3"></div>
    <br>
    <!-- Current Week and Future -->
    <h3 class="header">This Week and Coming Up</h3></div> 
    {%- for date in future -%}
        {%- if future[date]|length > 0 -%}
            <div data-type="lecture" data-date="{{ date }}" class="row itinerary-row py-2">
                <div class="date col-md-2">{{ date.strftime('%a, %b %d').replace(" 0", " ") }}</div>
                <div class="plans col-md-9">
                    {%- for plan in syllabus[date] -%}
                        <div class="plan {{ plan.kind.value }}">
                            <span class="kind">{{ plan.kind.name }}{{ "%02d"|format(plan.n) }}</span>
                            {%- if plan.links|length > 0 -%}
                                {%- if plan.links|length == 1 and plan.links[''] -%}
                                    <span class="title"><a href="{{ plan.links[''] }}">{{ plan.title }}</a></span>
                                {%- else -%}
                                    <span class="title">{{ plan.title }}</span>
                                    <ul class="links">
                                    {%- for link in plan.links -%}
                                        {% if plan.links[link] != "" %}
                                        <li class="link"><a href="{{ plan.links[link] }}">{{ link }}</a></li>
                                        {% else %}
                                        <li class="link">{{ link }}</li>
                                        {% endif %}
                                    {%- endfor -%}
                                    </ul>
                                {%- endif -%}
                            {%- else -%}
                                <span class="title">{{ plan.title }}</span>
                            {%- endif -%}
                        </div>
                    {%- endfor -%}
                </div>
            </div>
        {%- endif -%}
    {%- endfor -%}
    

<!-- The Past section -->
{%- if past|length %}
    <div id='past' class="pb-2"></div>
    <hr>
    <h3 class="header pt-3">The Past</h3>
    {%- for date in past|reverse -%}
        {%- if past[date]|length > 0 -%}
            <div data-type="lecture" data-date="{{ date }}" class="row itinerary-row py-2">
                <div class="date col-md-2">{{ date.strftime('%a, %b %d').replace(" 0", " ") }}</div>
                <div class="plans col-md-9">
                    {%- for plan in syllabus[date] -%}
                        <div class="plan {{ plan.kind.value }}">
                            <span class="kind">{{ plan.kind.name }}{{ "%02d"|format(plan.n) }}</span>
                            {%- if plan.links|length > 0 -%}
                                {%- if plan.links|length == 1 and plan.links[''] -%}
                                    <span class="title"><a href="{{ plan.links[''] }}">{{ plan.title }}</a></span>
                                {%- else -%}
                                    <span class="title">{{ plan.title }}</span>
                                    <ul class="links">
                                    {%- for link in plan.links -%}
                                        {% if plan.links[link] != "" %}
                                        <li class="link"><a href="{{ plan.links[link] }}">{{ link }}</a></li>
                                        {% else %}
                                        <li class="link">{{ link }}</li>
                                        {% endif %}
                                    {%- endfor -%}
                                    </ul>
                                {%- endif -%}
                            {%- else -%}
                                <span class="title">{{ plan.title }}</span>
                            {%- endif -%}
                        </div>
                    {%- endfor -%}
                </div>
            </div>
        {%- endif -%}
{%- endfor -%}
{% else %}
{# Past Is Empty, so doesn't show up #}
{%- endif -%}
</div>
</div>