coderetreat.github.io/index.html at master · Fischermaen/coderetreat.github.io · 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
---
layout: homepage
event_count: 115
bullets: [
      "Start with a simple programming problem: Conway's Game of Life.",
      "Work with different partners to discuss and solve the problem.",
      "We'll add restrictions to force you to consider different approaches.",
      "After each round, throw out your code and repeat!",
    ]
---
    <div id="hero">
      <div class="header">
        <h1><img src="images/logo_400x400.jpg" height=40 alt="Coderetreat logo" style="border-radius: 50px;"> Global Day of Coderetreat</h1>
        <h2>November 18, 2017</h2>

        <p>a day to celebrate passion and software craftsmanship</p>
        <p class="calltoaction">
          <a class="button">Signup starts soon!</a>
        </p>
      </div>
    </div>

    <section id="locations">
        <h2>Where is it happening?</h2>

        <div id="map">
          <div id="popup"></div>
      </div>
      <div class="map-aside">
        <p>
        Last year, we had <strong>{{page.event_count}} participating cities</strong>!
        </p> <p>
        This event truly is global,
        organized and run in local communities by volunteers like you.
        </p>
        <p>Registrations for local events will start soon. Make sure to follow us on <strong><a href="https://twitter.com/coderetreat">Twitter</a></strong> so you don't miss any updates.</p>
      </div>
    </section>

    <div class="format-background">
      <section class="format">
        <h2>It's Really Quite Simple...</h2>
        {% for bullet in page.bullets %}
        <div class="step">
          <span class="description">
            {{ bullet }}
          </span>
        </div>
        {% endfor %}
      </section>
    </div>

    <section id="hosting" class="hosting">
      <h2>Host your own Coderetreat</h2>

      <div class="host-contents">
        <div class="host-aside">
          Missed the Global Day of Coderetreat because there wasn't an event near you?
          <a href="/hosts" target="_blank">Host your own!</a>
          </p> <p>
          Coderetreats are run by volunteers who want to help out
          their local developer community.
          Hosts handle all of the logistics,
          and facilitators guide participants through the exercises.
          </p> <p>
          Coderetreats are easy to organize and facilitate.  Most of all, they are a lot of fun and a great way
          to meet other developers in your area!
          </p> <p>
          What are you waiting for? Grab a buddy and organize a coderetreat today!
          </p>
        </div>
        <div class="host-pictures">
          <img class="hosts-picture" src="images/hosts.png"></img>
          <div class="copy">
            <p>
            Join hundreds of hosts who want to help
            developers in their community improve their craft.
            </p>
          </div>
          <div class="overlay"></div>
        </div>
      </div>
      <a class="button" href="/hosts">Learn about hosting and facilitating</a>
    </section>

    <section class="sponsors">
      <div class="sponsors-body">
        <p>
          For this year, we invite companies to sponsor local communities.
          If your company is interested in sponsoring a local coderetreat,
          please get in contact with us and we will connect you with the communities near you!
        </p>
        <p>
          <a class="button callToAction" href="mailto:gdcr@coderetreat.org?subject=Sponsorship%20GDCR2017">Sponsor a local event!</a>
        </p>
      </div>
    </section>