Skip to content

Commit de87727

Browse files
Removed bullets from footer navigation <ul>.
Added meta description for the site. Started creating About page (just some rough text for now). Unified page title and subtitle look to be same as the home page. Capitalized all subtitles and titles for pages. Added page__title and page__subtitle classes to typography. Extended necessary classes in all subsections. Created about.scss with styles for about page. Added import about.scss to main.scss.
1 parent c0bf34c commit de87727

File tree

11 files changed

+165
-67
lines changed

11 files changed

+165
-67
lines changed

_includes/footer.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ <h2 class="footer__section-title">Our Sponsors</h2>
2626
<div class="col-md-3">
2727
<h2 class="footer__section-title">Python Sprints</h2>
2828
<hr class="footer__divider">
29-
<ul class="pl-0 text-center">
29+
<ul class="footer__navigation-list text-center">
3030
<li><a class="footer__link" href="{{ '/' | prepend: site.baseurl }}">Home</a></li>
3131
{% for page in site.pages %}
3232
{% if page.title %}

_includes/head.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
<head>
22
<meta charset="UTF-8">
33
<meta name="viewport" content="width=device-width, initial-scale=1">
4+
<meta name=”description”
5+
content=”Python Sprints is a non for profit group gathering coders who want to help improve open source projects using Python programming language.”>
46
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
57
<link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
68
<link href="https://fonts.googleapis.com/css?family=Encode+Sans+Expanded" rel="stylesheet">

_pages/01_about.html

Lines changed: 61 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,5 +4,64 @@
44
permalink: /about/
55
---
66

7-
<h1>This is the content of the about page</h1>
8-
<h2>Fill it in !!!!</h2>
7+
<section class="about">
8+
<!--REPLACE THIS IMAGE WITH A NEW ONE - MIX PREVIOUS MEETUPS AND MAKE A COLLAGE -->
9+
<div class="events-page__background-img" data-image-type="responsive">
10+
<picture>
11+
<source srcset="../static/images/events_page/events_page_top_480x150px.jpg 480w,
12+
../static/images/events_page/events_page_top_960x300px.jpg 960w,
13+
../static/images/events_page/events_page_top_1920x600px.jpg 1920w"
14+
media="(orientation: landscape)"
15+
sizes="100vw">
16+
<source srcset="../static/images/events_page/events_page_top_750x650px.jpg 750w,
17+
../static/images/events_page/events_page_top_1650x1100px.jpg 1650w"
18+
media="(orientation: portrait)"
19+
sizes="100vw">
20+
<img class="responsive"
21+
src="../static/images/events_page/events_page_top_960x300px.jpg"
22+
alt="Events"
23+
data-overlay="linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%)">
24+
</picture>
25+
<div class="row container-fluid">
26+
<div class="col-sm-12">
27+
<h1 class="about__page-title">About Us</h1>
28+
<h2 class="about__page-subtitle">Our Goals, Our Story</h2>
29+
</div>
30+
</div>
31+
</div>
32+
33+
<div class="about__container container-fluid">
34+
<div class="row">
35+
<div class="col-12">
36+
<h2 class="section-title">Python Sprints Decoded</h2>
37+
<h2 class="about__title">Why We Work Together?</h2>
38+
<p class="about__paragraph-dark">
39+
Python Sprints is a non for profit group of like minded programmers who care about making open source projects better.
40+
We all use them for free but often do not put any thought to how much effort it takes to create and maintain this software. Very often the amount of core developers working on a particular project can be counted on fingers of one hand and yet literally thousands of people use their work.
41+
We believe that we all should share our skills and earn our good karma.
42+
</p>
43+
</div>
44+
</div>
45+
<div class="row">
46+
<div class="col-12">
47+
<h2 class="about__title">How It Started?</h2>
48+
<p class="about__paragraph-dark">
49+
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 above 500 members and counting.
50+
</p>
51+
</div>
52+
</div>
53+
<div class="row">
54+
<div class="col-12">
55+
<h2 class="about__title">What Our Meetings Look Like?</h2>
56+
<p class="about__paragraph-dark">
57+
Usually there is a subject advertised well ahead of the time with clear setup instructions so that everyone can come prepared.
58+
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.
59+
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!
60+
All the coding aside there is always time for joyful banter with pizza and beers to hand.
61+
</p>
62+
</div>
63+
</div>
64+
</div>
65+
66+
67+
</section>

_pages/03_events.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
<div class="row container-fluid">
2424
<div class="col-sm-12">
2525
<h1 class="events-page__page-title">Events</h1>
26-
<h2 class="events-page__page-subtitle">See what's coming up and what we did recently.</h2>
26+
<h2 class="events-page__page-subtitle">See What's New And What We Did Already</h2>
2727
</div>
2828
</div>
2929
</div>

_pages/04_contact.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
<div class="row container-fluid">
2424
<div class="col-sm-12">
2525
<h1 class="contact__page-title">Contact Us</h1>
26-
<h2 class="contact__page-subtitle">Got an idea? Can you or your company support us? Let us know.</h2>
26+
<h2 class="contact__page-subtitle">Got An Idea? Can You Help Us? Let Us Know</h2>
2727
</div>
2828
</div>
2929
</div>

_sass/about.scss

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
.about__page-title {
2+
@extend .page__title;
3+
margin-top: 15vh;
4+
}
5+
6+
.about__page-subtitle {
7+
@extend .page__subtitle;
8+
}
9+
10+
.about__container {
11+
max-width: 80%;
12+
}
13+
14+
.about__title {
15+
@extend .title-dark;
16+
margin-top: 5%;
17+
font-size: 1.65em;
18+
}
19+
20+
.about__paragraph-dark {
21+
@extend .paragraph-dark;
22+
padding-left: 0;
23+
padding-right: 0;
24+
}

_sass/contact.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,12 @@
1515
}
1616

1717
.contact__page-title {
18-
@extend .page-title-light;
18+
@extend .page__title;
19+
margin-top: 15vh;
1920
}
2021

2122
.contact__page-subtitle {
22-
@extend .page-subtitle;
23+
@extend .page__subtitle;
2324
}
2425

2526
@media (max-width: 576px) {

_sass/events.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,12 @@
77
}
88

99
.events-page__page-title {
10-
@extend .page-title-light;
10+
@extend .page__title;
11+
margin-top: 15vh;
1112
}
1213

1314
.events-page__page-subtitle {
14-
@extend .page-subtitle
15+
@extend .page__subtitle
1516
}
1617

1718
.events-page__upcoming-section-title {

_sass/style.scss

Lines changed: 15 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -115,58 +115,23 @@ a {
115115
background-color: rgba(7, 41, 72, 0.7);
116116
}
117117

118-
.navigation__title, .navigation__subtitle, .navigation__button-close {
119-
user-select: none;
120-
-moz-user-select: none;
121-
-khtml-user-select: none;
122-
-webkit-user-select: none;
123-
-o-user-select: none;
124-
}
125-
126118
.navigation__title {
127-
font-family: 'Share Tech Mono', monospace;
128-
color: $page-title;
129-
font-size: 3.5em;
119+
@extend .page__title;
130120
margin-top: 40vh;
131-
text-align: center;
132121
}
133122

123+
134124
.navigation__subtitle {
135-
font-size: 1.75em;
136-
font-family: 'Share Tech Mono', monospace;
137-
color: $page-subtitle;
138-
text-align: center;
125+
@extend .page__subtitle;
139126
margin-bottom: 50%;
140127
}
141128

142-
@media (min-width: 450px) {
143-
.navigation__title {
144-
font-size: 4.3em;
145-
margin-top: 40vh;
146-
}
147-
.navigation__subtitle {
148-
font-size: 1.9em;
149-
}
150-
}
151-
152-
@media (min-width: 650px) {
153-
.navigation__title {
154-
font-size: 5em;
155-
margin-top: 40vh;
156-
}
157-
.navigation__subtitle {
158-
font-size: 2em;
159-
}
160-
}
161-
162-
@media (min-width: 1200px) {
163-
.navigation__title {
164-
font-size: 6em;
165-
margin-top: 40vh;
166-
}
167-
.navigation__subtitle {
168-
font-size: 2.25em;
169-
}
129+
.navigation__button-close {
130+
user-select: none;
131+
-moz-user-select: none;
132+
-khtml-user-select: none;
133+
-webkit-user-select: none;
134+
-o-user-select: none;
170135
}
171136

172137
.navigation__hamburger-bar {
@@ -321,6 +286,7 @@ a {
321286
background: rgba(7, 41, 72, 0.52);
322287
border: $dark-blue 2px groove;
323288
border-radius: 0 5px 5px 5px;
289+
margin-bottom: 1em;
324290
}
325291

326292
.upcoming__img-container {
@@ -633,4 +599,9 @@ a {
633599
width: 30%;
634600
margin-top: 1%;
635601
margin-bottom: 3%;
602+
}
603+
604+
.footer__navigation-list {
605+
list-style-type: none;
606+
padding-left: 0;
636607
}

_sass/typography.scss

Lines changed: 53 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,59 @@
3333
}
3434

3535
// Text styles below.
36+
// Page title.
37+
38+
.page__title, .page__subtitle {
39+
user-select: none;
40+
-moz-user-select: none;
41+
-khtml-user-select: none;
42+
-webkit-user-select: none;
43+
-o-user-select: none;
44+
}
45+
46+
.page__title {
47+
font-family: 'Share Tech Mono', monospace;
48+
color: $page-title;
49+
font-size: 3.5em;
50+
text-align: center;
51+
}
52+
53+
.page__subtitle {
54+
font-size: 1.75em;
55+
font-family: 'Share Tech Mono', monospace;
56+
color: $page-subtitle;
57+
text-align: center;
58+
}
59+
60+
@media (min-width: 450px) {
61+
.page__title {
62+
font-size: 4.3em;
63+
}
64+
.page__subtitle {
65+
font-size: 1.9em;
66+
}
67+
}
68+
69+
@media (min-width: 650px) {
70+
.page__title {
71+
font-size: 5em;
72+
}
73+
.page__subtitle {
74+
font-size: 2em;
75+
}
76+
}
77+
78+
@media (min-width: 1200px) {
79+
.page__title {
80+
font-size: 6em;
81+
}
82+
.page__subtitle {
83+
font-size: 2.25em;
84+
}
85+
}
86+
87+
// Section titles.
88+
3689

3790
.section-title {
3891
font-size: 2.5em;
@@ -60,20 +113,6 @@
60113
color: $section-title-light;
61114
}
62115

63-
.page-title-light {
64-
@extend .section-title;
65-
margin-top: 20vh;
66-
color: $page-title;
67-
}
68-
69-
.page-subtitle {
70-
font-family: 'Encode Sans Expanded', sans-serif;
71-
color: $subtitle;
72-
font-size: 1.75em;
73-
text-align: center;
74-
margin-bottom: 10vh;
75-
}
76-
77116
.event-label {
78117
font-family: 'Encode Sans Expanded', sans-serif;
79118
background: linear-gradient(45deg, $grey, $grey 80%, transparent 80%, transparent 100%);

static/css/main.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,4 +12,5 @@ $postimage: "{{ page.image }}";
1212
"post",
1313
"contact",
1414
"events",
15+
"about",
1516
"style";

0 commit comments

Comments
 (0)