forked from python-sprints/python-sprints.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (136 loc) · 6.93 KB
/
index.html
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
---
layout: default
---
{% include inline_style_index.html %}
<!--Title image will be set to display:none and used as a background image on the div below-->
<div class="navigation__content container-fluid" data-image-type="responsive">
<picture>
<source srcset="static/images/title_photo/title_glass_building_480x270.jpg 480w,
static/images/title_photo/title_glass_building_960x540.jpg 960w,
static/images/title_photo/title_glass_building_1334x750.jpg 1334w,
static/images/title_photo/title_glass_building_1920x1080.jpg 1920w,
static/images/title_photo/title_glass_building_2562x1442.jpg 2562w,
static/images/title_photo/title_glass_building_3840x2160.jpg 3840w"
media="(orientation: landscape)"
sizes="100vw">
<source srcset="static/images/title_photo/title_glass_building_750x1334.jpg 750w,
static/images/title_photo/title_glass_building_1080x1920.jpg 1080w,
static/images/title_photo/title_glass_building_1125x2436.jpg 1125w,
static/images/title_photo/title_glass_building_1242x2436.jpg 1242w,
static/images/title_photo/title_glass_building_1442x2562.jpg 1442w,
"
media="(orientation: portrait)"
sizes="100vw">
<img class="responsive" src="static/images/title_photo/title_glass_building_960x540.jpg" alt="Python Sprints Title Image">
</picture>
<div class="row">
<div class="col-md-12">
<h1 class="navigation__title">Python Sprints</h1>
<h2 class="navigation__subtitle"><em>The World Is Waiting For Your Code</em></h2>
</div>
</div>
</div>
<!--Mission section-->
<section class="mission">
<div class="mission container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="section-title">Our Mission</h2>
<h3 class="mission__statement">Contribute to open source projects.</h3>
<h3 class="mission__statement">Grow the Python community.</h3>
<h3 class="mission__statement">Provide mentorship and challenge for people of all backgrounds and skills.</h3>
</div>
</div>
</div>
</section>
<!--Upcoming Events section-->
{% if upcoming_event == true %}
<section class="upcoming">
<div class="row container-fluid">
<hr class="upcoming-divider">
<div class="upcoming__img-container col-md-12">
<div class="row">
<div class="upcoming__col col-md-5 col-12">
<h2 class="upcoming-title">Upcoming Event</h2>
<div class="row">
<div class="no-gutters__col col-3">
<h2 class="post__label">Event</h2>
</div>
</div>
<div class="row">
<div class="upcoming__event-title col-12">
{{ post.title }}
</div>
</div>
<div class="row">
<div class="no-gutters__col col-3">
<h2 class="post__label">Venue</h2>
</div>
</div>
<div class="row">
<div class="upcoming__event-title col-12">
{{ post.venue }}
</div>
</div>
<div class="row">
<div class="no-gutters__col col-3">
<h2 class="post__label">Date</h2>
</div>
</div>
<div class="row">
<div class="upcoming__event-title col-12">
{{ post.date | date: "%e %B %Y" }}
</div>
</div>
</div>
<div class="upcoming__logo-col col-auto text-center">
<a href="http://pandas.pydata.org/index.html">
<img class="upcoming__project-logo" src="{{ site.baseurl }}/{{ post.project_logo }}">
</a>
</div>
</div>
<div class="upcoming__button-row row">
<div class="col-md-12 text-center">
<a class="upcoming__link" href="{{ post.event_link }}">
<button class="upcoming__button btn btn-outline-primary btn-lg">
Learn More
</button>
</a>
</div>
</div>
</div>
</div>
</section>
{% endif %}
<!--Events in the past section-->
{% include event.html %}
<!--Services section-->
<section class="services">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="section-title">What Do We Do?</h2>
</div>
</div>
</div>
<div class="row">
<div class="second-on-mobile no-gutters__col col-md-6">
<img class="services__img img-fluid rounded" src="static/images/services/educating_devs_840x561px.jpg">
</div>
<div class="first-on-mobile no-gutters__col col-md-6">
<h2 class="services__title text-right">Helping Beginners To Get Good</h2>
<hr class="services__divider-right">
<p class="services__content text-right">We are open to people who just started to program and need guidance and mentorship. We can help you become a better programmer by collaborating with others and reading loads of code. Come and try it - you will not be disappointed. We normally have a mixture of seasoned and new coders during every sprint so advice is literally at hands reach.</p>
</div>
</div>
<div class="row">
<div class="no-gutters__col col-md-6">
<h2 class="services__title text-left">Engaging Core Developers</h2>
<hr class="services__divider-left">
<p class="services__content text-left">For those of you who are programming on the advanced level there are always new tasks to test your mettle. We fix bugs, we improve implementations and add features. No matter your style you will be able to find a ticket to your liking. The sprints are always advertised well ahead of the time so you can prepare yourself by checking on the issues that will be worked on early enough.</p>
</div>
<div class="no-gutters__col col-md-6">
<img class="services__img img-fluid rounded" src="static/images/services/advanced_lvl_840x560px.jpg">
</div>
</div>
</section>