aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates/events/index.html
blob: 547368da56106a7dffdd32b0cd3268cb896709b3 (plain) (blame)
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
101
102
103
104
105
106
107
108
109
{% extends "events/base.html" %}

{% block title %}Events{% endblock %}

{% block breadcrumb %}
    <li class="is-active"><a href="#">Events</a></li>
{% endblock %}

{% block event_base_content %}
<div class="columns is-variable is-8">
    <div class="column is-two-thirds">
        <p>Briefly describe events. Explain how to subscribe to updates from the <code>#roles</code> channel.</p>

        {% include "events/current_event.html" %}

        {% include "events/upcoming_event.html" %}

        <h2 class="title is-4">Scheduled events</h2>
        <div class="columns is-3" style="--columnGap: 0.75rem;">
            <div class="column">
                <div class="box">
                    <h2 class="title is-6">January-June</h2>
                    <ul>
                        <li>March: <a href="{% url "events:page" path="pyweek" %}">Pyweek</a></li>
                    </ul>
                </div>
            </div>
            <div class="column">
                <div class="box">
                    <h2 class="title is-6">July-December</h2>
                    <ul>
                        <li><a href="{% url "events:page" path="revivalofcode" %}">Revival of Code</a></li>
                        <li><a href="{% url "events:page" path="code-jams" %}">Code Jam</a></li>
                        <li>September: <a href="{% url "events:page" path="pyweek" %}">Pyweek</a></li>
                        <li>December 1-25: <a href="{% url "events:page" path="adventofcode" %}">Advent of Code</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="column">
        {% include "events/sidebar/events_list.html" %}
    </div>
</div>


<h2 class="title is-4">All events</h2>
<div class="columns is-multiline event-gallery">

    <div class="column is-one-third-desktop is-half-tablet">
        <div class="box">
            <h2 class="title is-4"><a href="{% url "events:page" path="code-jams" %}">Code Jams</a></h2>
            <p>Once a year we host a code jam for members of our server to participate in. The code jam is an event where we place you in a team with 5 other random server members. You then have 11 days to code some sort of application or program in Python. Your program must use the specified technology/framework and incorporate the theme chosen by the server.</p>
        </div>
    </div>

    <div class="column is-one-third-desktop is-half-tablet">
        <div class="box">
            <h2 class="title is-4"><a href="{% url "events:page" path="pyweek" %}">Pyweek</a></h2>
            <p>For the past 15 years, PyWeek has been running a bi-annual game jam for the Python language. As of 2020, we are excited to say we are officially partnered with PyWeek to co-run these events.</p>
            <div class="has-text-centered">
                <img src="https://pyweek.readthedocs.io/en/latest/_static/pyweek.svg" style="max-width: 100%;" alt="Pyweek logo">
            </div>
        </div>
    </div>

    <div class="column is-one-third-desktop is-half-tablet">
        <div class="box">
            <h2 class="title is-4"><a href="{% url "events:page" path="pixels" %}">Pixels</a></h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur.</p>
            <div class="has-text-centered">
                <img src="/static/images/events/pixels_logo_transparent.gif" alt="Logo for pixels">
            </div>
        </div>
    </div>

    <div class="column is-one-third-desktop is-half-tablet">
        <div class="box">
            <h2 class="title is-4"><a href="{% url "events:page" path="adventofcode" %}">Advent of code</a></h2>
            <p>An advent calendar of small programming puzzles for a variety of skill sets and skill levels that can be solved in any programming language you like, including Python.</p>
            <div class="has-text-centered">
                <img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" alt="Server icon for AoC">
            </div>
        </div>
    </div>

    <div class="column is-one-third-desktop is-half-tablet">
        <div class="box">
            <h2 class="title is-4"><a href="{% url "events:page" path="revivalofcode" %}">Revival of Code</a></h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur.</p>
            <div class="has-text-centered">
                <img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" alt="Server icon for AoC">
            </div>
        </div>
    </div>

    <div class="column is-one-third-desktop is-half-tablet">
        <div class="box">
            <h2 class="title is-4"><a href="{% url "events:page" path="game-jams" %}">Game Jams</a></h2>
            <p>The Game Jam is similar to our Code Jams, but smaller in scope. Instead of having to complete a qualifier
            and being teamed up with random strangers, members of our community can just sign-up individually or pair up
            with whoever they like.</p>
            <div class="has-text-centered">
                <img src="https://user-images.githubusercontent.com/33516116/77593036-5fb09780-6eeb-11ea-9feb-336b2e5e23de.png" alt="Game Jam 2020">
            </div>
        </div>
    </div>
</div>
{% endblock %}