camp.team3128.org/programs.html at master · Team3128/camp.team3128.org · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
---
layout: default

permalink: /programs/
---

<div class="program_page">
    <div class="wrapper" style="text-align: center;">
        <br>
        <h1 class="short">Our Programs</h1>
        <hr>

        {% include levels.html %}
    </div>
    {% for level in site.data.levels %}
        <div id="{{ level.title | downcase }}" class="title" style="background: #{{ level.color }}">
            <div class="header_img" style="width: 100%; height: 300px; background-position: {{ level.image_align }} center; background-image: url({{ 'assets/photos/programs/' | append: level.title | downcase | append: '.jpg' | relative_url}})"> </div>
            <div class="flexbox row wrapper" style="align-items: flex-end; padding: 12px 0px;">
                <div class="grade vertically_center">
                    <h2 class="short">{{ level.grades }}</h2>
                    <div style="font-size: 14px" class="short">grades</div>
                </div>
                <h1>{{ level.title }}</h1>
            </div>
        </div>
        <div class="details">
            <div class="detailgrid wrapper">
                <div class="icon" style="background: #c4c4c4">
                    <img src="{{ 'assets/graphics/programs/overview.png' | relative_url }}"/>
                </div>
                <div class="content">
                    <h2>Overview</h2>
                    <hr class="smaller">
                    <div style="margin: 0px 0px 8px">
                        <b>Grades:</b> {{ level.grades }}<br>
                        <b>Dates:</b> {{ site.date_range }}<br>
                    </div>
                    <div>
                        <b>Times:</b> 9:00am – 3:00pm <br>
                        &nbsp &nbsp &nbsp <i>Drop-Off Starts:</i> 8:30am | <i>Pick-Up Ends:</i> 3:30pm <br>
                        <b>Location:</b> Canyon Crest Academy<br>
                        <b>Rates:</b> {{ level.price }}<br>
                        &nbsp &nbsp &nbsp <i>Includes:</i> Camp t-shirt, snacks and lunch, a week of awesome fun, and unforgettable memories.
                    </div>

                    <br>

                    {{ level.long_description }}
                </div>

                <div class="icon" style="background: #c4c4c4">
                    <img src="{{ 'assets/graphics/programs/weeks.png' | relative_url }}"/>
                </div>
                <div class="content">
                    <h2>Week Information</h2>
                    <hr class="smaller">
                    This summer, we'll be offering the {{ level.title }} camp on the following weeks:

                    <ul>
                        {% for week in site.data.weeks %}
                            <li> <b>{{ week.name }}:</b> {{ week.start_date }} – {{ week.end_date }}</li>
                        {% endfor %}
                    </ul>
                </div>

                <div class="icon" style="background: #c4c4c4">
                    <img src="{{ 'assets/graphics/programs/registration.png' | relative_url }}"/>
                </div>
                <div class="content">
                    <h2>Registration</h2>
                    <hr class="smaller">
                    {% if site.registration_open == 'yes' %}

                    Are your students ready to join us this summer? We're super excited to be able to share with them the awesome-est week of STEM of their lives!
                    You can register for camp by clicking the button below!
                    {% else %}
                    We anticipate opening registration in early March.
                    {% endif %}
                    <br>
                    <!--
                    Also, be sure to check out our registration policies for information regarding payment, cancellations, refunds, etc.
                    -->

                    <div style="text-align: center">
                        {% if site.registration_open == 'yes' %}
                        <a href="{{ level.registration_link }}">
                            <div class="red button small animate">Register Now!</div>
                        </a>
                        {% endif %}
                        <a href="{{ '/register#policies' | relative_url }}">
                            <div class="navy button small animate">Registration Policies</div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}


</div>