Skip to content

Commit ec6b1f1

Browse files
Tomasz-KluczkowskiTomasz-Kluczkowski
committed
Added style and some content to get started section.
1 parent 2bcd209 commit ec6b1f1

File tree

2 files changed

+121
-0
lines changed

2 files changed

+121
-0
lines changed

‎_pages/02_get_started.html‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
---
2+
layout: default
3+
title: Getting Started
4+
permalink: /getting-started/
5+
---
6+
<section class="get-started">
7+
<div class="get-started__background-img-container">
8+
<picture>
9+
<source srcset="../static/images/about/date-util-evening-session_480x150px.jpg 480w,
10+
../static/images/about/date-util-evening-session_960x300px.jpg 960w,
11+
../static/images/about/date-util-evening-session_1920x600px.jpg 1920w,
12+
../static/images/about/date-util-evening-session_3840x1200px.jpg 3840w"
13+
media="(orientation: landscape)"
14+
sizes="100vw">
15+
<source srcset="../static/images/about/date-util-evening-session_750x650px.jpg 750w,
16+
../static/images/about/date-util-evening-session_1650X1100px.jpg 1650w"
17+
media="(orientation: portrait)"
18+
sizes="100vw">
19+
<img class="about__background-img"
20+
src="../static/images/about/date-util-evening-session_960x300px.jpg"
21+
alt="About Us">
22+
</picture>
23+
<div class="getstarted__page-title-container row container-fluid">
24+
<div class="col-sm-12">
25+
<h1 class="about__page-title">Get Started</h1>
26+
<h2 class="about__page-subtitle">Info And Links</h2>
27+
</div>
28+
</div>
29+
</div>
30+
<div class="about__container container-fluid">
31+
<div class="row">
32+
<div class="col-12 no-padding-x">
33+
<h2 class="about__section-title-left">Who We Are</h2>
34+
<div class="row">
35+
<div class="col-md-8 offset-md-2">
36+
<img class="about__paragraph-img-main rounded" src="../static/images/about/python_sprints_decoded_673x411px.JPG" alt="Focused on quality">
37+
<h2 class="about__paragraph-title-dark">Python Sprints Decoded</h2>
38+
<hr class="about__divider-right">
39+
<p class="about__paragraph-dark">
40+
Python Sprints is a non for profit group of like minded programmers who care about making open source projects better.
41+
We believe in sharing our skills for free to earn our good karma. If you are devoted to a particular open source project, please let us know, we could make a sprint dedicated to it!
42+
Inclusion is in the nature of our group and we want to make sure that no one is underrepresented. All people are welcome.
43+
</p>
44+
<h2 class="about__paragraph-title-dark-left">How It Started</h2>
45+
<hr class="about__divider-left">
46+
<p class="about__paragraph-dark">
47+
Our group was founded in October 2017. As all things in life the beginnings were humble with only a handful of people collaborating but the word quickly spread and now we have nearly 600 members and counting.
48+
</p>
49+
</div>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
<div class="about__img-outer-container col-md-12">
55+
<div class="about__img-top-container">
56+
<div class="about__img-top-title-container">
57+
<h2 class="about__img-top-title">Passion</h2>
58+
</div>
59+
</div>
60+
<div class="about__img-bot-container">
61+
<div class="about__img-bot-title-container">
62+
<h2 class="about__img-bot-title">Dedication</h2>
63+
</div>
64+
</div>
65+
</div>
66+
<div class="about__container container-fluid">
67+
<div class="row">
68+
<div class="col-12 no-padding-x">
69+
<h2 class="about__section-title-right">Our Way</h2>
70+
<div class="row">
71+
<div class="col-md-8 offset-md-2">
72+
<img class="about__paragraph-img-main rounded" src="../static/images/about/teamwork_673x411px.JPG" alt="Teamwork for the win">
73+
<h2 class="about__paragraph-title-dark">Teamwork Rules</h2>
74+
<hr class="about__divider-right">
75+
<p class="about__paragraph-dark">
76+
We believe in helping each other to bring the knowledge in the group up to the highest possible level. Anyone can ask a question and expect aid in their problems during the session. We have people using all kinds of OSes, editors etc. and we all sometimes struggle but a solution is just ask someone else to have a look.
77+
</p>
78+
<h2 class="about__paragraph-title-dark-left">What Our Meetings Look Like?</h2>
79+
<hr class="about__divider-left">
80+
<p class="about__paragraph-dark">
81+
Usually there is a subject advertised well ahead of the time with clear setup instructions so that everyone can come prepared.
82+
But you should not worry if setting up is difficult - part of our creed is to help new people get introduced into the world of open source.
83+
Help will be provided even if it is just creating a git repository and learning how to contribute. It is all part of growing our group organically and all people are welcome!
84+
All the coding aside there is always time for a joyful banter, sharing work and life experiences with pizza and beers to hand.
85+
</p>
86+
</div>
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
</section>

‎_sass/get_started.scss‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
.get-started {
2+
margin-top: -66px;
3+
}
4+
5+
.get-started__background-img-container {
6+
@extend .page__background-img-container;
7+
&::after {
8+
background: rgba(0, 0, 0, 0.75);
9+
}
10+
}
11+
12+
.get-started__background-img {
13+
@extend .page__background-img;
14+
}
15+
16+
.get-started__page-title-container {
17+
@extend .page__title-container;
18+
}
19+
20+
.get-started__page-title {
21+
@extend .page__title;
22+
}
23+
24+
.get-started__page-subtitle {
25+
@extend .page__subtitle;
26+
}
27+
28+
.get-started__container {
29+
max-width: 90%;
30+
}

0 commit comments

Comments
 (0)