Skip to content

Commit b745c51

Browse files
Tomasz-KluczkowskiTomasz-Kluczkowski
committed
Added country code variable to chapters (required for flags).
Styled chapters cards to list look similar to events. Tested new title image - just one version atm.
1 parent ef407de commit b745c51

File tree

6 files changed

+71
-101
lines changed

6 files changed

+71
-101
lines changed

‎_chapters/london_python_sprints.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ obj_id: london_python_sprints
44
title: "London Python Sprints"
55
meetup_link: https://www.meetup.com/Python-Sprints/
66
address: London, United Kingdom
7+
country_code: gb
78
lat: 51.512344
89
lng: -0.090985
910
---

‎_chapters/madrid_test_sprints.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ obj_id: madrid_test_sprints
44
title: "Madrid Test Sprints"
55
meetup_link: https://www.meetup.com/Python-Sprints/
66
address: Madrid, Spain
7+
country_code: es
78
lat: 40.416775
89
lng: -3.703790
910
---

‎_chapters/szczecin_test_sprints.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ obj_id: szczecin_test_sprints
44
title: "Szczecin Test Sprints"
55
meetup_link: https://www.meetup.com/Python-Sprints/
66
address: Szczecin, Poland
7+
country_code: pl
78
lat: 53.428544
89
lng: 14.552812
910
---

‎_sass/style.scss‎

Lines changed: 33 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -310,15 +310,15 @@ a {
310310
.upcoming__divider {
311311
border-bottom: rgba(127, 160, 194, 0.05) 1px solid;
312312
width: 100%;
313-
margin: 0.25em 0;
313+
margin: 0.25em 0 1em 0;
314314
}
315315

316316
.upcoming__col {
317317
background: $section-background;
318318
border-right: $blue 1px solid;
319319
border-left: $blue 1px solid;
320320
min-height: 100%;
321-
box-shadow: $black-shadow;
321+
//box-shadow: $black-shadow;
322322
&:first-child {
323323
border-top: $blue 1px solid;
324324
border-top-left-radius: 5px;
@@ -397,6 +397,13 @@ a {
397397

398398
.upcoming__content {
399399
margin-top: 5.5%;
400+
border-radius: 5px;
401+
box-shadow: $black-shadow;
402+
margin-left: 15px;
403+
margin-right: 15px;
404+
}
405+
406+
.upcoming__events-container {
400407
}
401408

402409
.upcoming__project-logo {
@@ -454,23 +461,32 @@ a {
454461
}
455462

456463
.chapters__card-container {
464+
background: $section-background;
457465
margin-top: 1em;
466+
border-radius: 5px;
467+
border: $blue 1px solid;
468+
box-shadow: $black-shadow;
469+
margin-left: 15px;
470+
margin-right: 15px;
458471
}
459472

460-
.chapters__card-columns {
461-
column-count: 1;
462-
}
473+
//.chapters__card-columns {
474+
// column-count: 1;
475+
//}
463476

464-
@media (min-width: 576px){
465-
.chapters__card-columns {
466-
column-count: 2;
467-
}
468-
}
477+
//@media (min-width: 576px){
478+
// .chapters__card-columns {
479+
// column-count: 2;
480+
// }
481+
//}
469482

470483
.chapters__card-main {
471-
background: $section-background;
472-
border: $blue 1px solid;
473-
box-shadow: $black-shadow;
484+
//background: $section-background;
485+
//margin-bottom: 1em;
486+
//&:first-child {
487+
// border-top-left-radius: 5px;
488+
// border-top-right-radius: 5px;
489+
//}
474490
}
475491

476492
.chapters__card-header {
@@ -483,7 +499,7 @@ a {
483499
@extend .title;
484500
color: $black;
485501
text-align: center;
486-
font-size: 1.25em;
502+
font-size: 1.5em;
487503
padding-top: 0.25em;
488504
padding-bottom: 0.25em;
489505
margin-bottom: 0;
@@ -492,6 +508,8 @@ a {
492508
.chapters__card-paragraph {
493509
@extend .paragraph;
494510
color: $very-dark-blue;
511+
margin-top: auto;
512+
margin-bottom: auto;
495513
}
496514

497515
.chapters__flag {
@@ -506,7 +524,7 @@ a {
506524
@extend .button-minimal;
507525
min-width: 50%;
508526
padding: 0;
509-
margin-bottom: 0.25em;
527+
margin: 0.25em auto;
510528
}
511529

512530
.chapters__card-icon {

‎index.html‎

Lines changed: 35 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,23 @@
22
---
33
<div class="navigation__content container-fluid">
44
<picture>
5-
<source srcset="static/images/title_photo/title_glass_building_480x270.jpg 480w,
6-
static/images/title_photo/title_glass_building_960x540.jpg 960w,
7-
static/images/title_photo/title_glass_building_1334x750.jpg 1334w,
8-
static/images/title_photo/title_glass_building_1920x1080.jpg 1920w,
9-
static/images/title_photo/title_glass_building_2562x1442.jpg 2562w,
10-
static/images/title_photo/title_glass_building_3840x2160.jpg 3840w"
11-
media="(orientation: landscape)"
12-
sizes="100vw">
13-
<source srcset="static/images/title_photo/title_glass_building_750x1334.jpg 750w,
14-
static/images/title_photo/title_glass_building_1080x1920.jpg 1080w,
15-
static/images/title_photo/title_glass_building_1125x2436.jpg 1125w,
16-
static/images/title_photo/title_glass_building_1242x2436.jpg 1242w,
17-
static/images/title_photo/title_glass_building_1442x2562.jpg 1442w"
18-
media="(orientation: portrait)"
19-
sizes="100vw">
5+
<!--<source srcset="static/images/title_photo/title_glass_building_480x270.jpg 480w,-->
6+
<!--static/images/title_photo/title_glass_building_960x540.jpg 960w,-->
7+
<!--static/images/title_photo/title_glass_building_1334x750.jpg 1334w,-->
8+
<!--static/images/title_photo/title_glass_building_1920x1080.jpg 1920w,-->
9+
<!--static/images/title_photo/title_glass_building_2562x1442.jpg 2562w,-->
10+
<!--static/images/title_photo/title_glass_building_3840x2160.jpg 3840w"-->
11+
<!--media="(orientation: landscape)"-->
12+
<!--sizes="100vw">-->
13+
<!--<source srcset="static/images/title_photo/title_glass_building_750x1334.jpg 750w,-->
14+
<!--static/images/title_photo/title_glass_building_1080x1920.jpg 1080w,-->
15+
<!--static/images/title_photo/title_glass_building_1125x2436.jpg 1125w,-->
16+
<!--static/images/title_photo/title_glass_building_1242x2436.jpg 1242w,-->
17+
<!--static/images/title_photo/title_glass_building_1442x2562.jpg 1442w"-->
18+
<!--media="(orientation: portrait)"-->
19+
<!--sizes="100vw">-->
2020
<img class="navigation__background-img"
21-
src="static/images/title_photo/title_glass_building_960x540.jpg"
21+
src="static/images/title_photo/Python_Sprints_title_2048x1152px.jpg"
2222
alt="Python Sprints Title Image">
2323
</picture>
2424

@@ -55,7 +55,7 @@ <h2 class="navigation__subtitle">All About Open Source</h2>
5555
<h2 class="upcoming__title">Events</h2>
5656
</div>
5757
</div>
58-
<div class="upcoming__content row with-padding-x">
58+
<div class="upcoming__content row">
5959
{% assign current_date = "" %}
6060
{% for post in posts %}
6161
{% include get_host_sponsor.html event = post %}
@@ -87,7 +87,7 @@ <h2 class="upcoming__event-subtitle"> {{ post.subtitle }}</h2>
8787
</p>
8888
</div>
8989
</div>
90-
<div class="col-6 no-padding-x text-right">
90+
<div class="col-6 no-padding-x text-right my-auto">
9191
<a class="upcoming__button btn" href="{{ post.url }}">
9292
<i class="upcoming__button-icon fas fa-info-circle"></i>
9393
</a>
@@ -127,82 +127,31 @@ <h2 class="chapters__title">Chapters</h2>
127127
</div>
128128
</div>
129129
<div class="chapters__card-container row">
130-
<div class="col-12">
131-
<div class="chapters__card-columns card-columns">
132-
<div class="chapters__card-main card">
133-
<div class="chapters__card-header card-header">
134-
<h2 class="chapters__card-title">London Python Sprints</h2>
135-
</div>
136-
<div class="card-block">
137-
<p class="chapters__card-paragraph">
138-
<span class="chapters__flag flag-icon flag-icon-gb"></span>
139-
London, United Kingdom
140-
</p>
141-
</div>
142-
<div class="row">
143-
<div class="col-12 text-center">
144-
<a class="chapters__card-button btn" href="https://www.meetup.com/Python-Sprints/">
145-
<i class="chapters__card-icon fab fa-meetup"></i>
146-
</a>
147-
</div>
148-
</div>
149-
</div>
150-
<div class="chapters__card-main card">
151-
<div class="chapters__card-header card-header">
152-
<h2 class="chapters__card-title">Szczecin Data Workouts</h2>
153-
</div>
154-
<div class="card-block">
155-
<p class="chapters__card-paragraph">
156-
<span class="chapters__flag flag-icon flag-icon-pl"></span>
157-
Szczecin, Poland
158-
</p>
159-
</div>
160-
<div class="row">
161-
<div class="col-12 text-center">
162-
<a class="chapters__card-button btn btn-primary btn-lg text-center" href="https://www.meetup.com/Python-Sprints/">
163-
<i class="chapters__card-icon fab fa-meetup"></i>
164-
</a>
165-
</div>
130+
{% for chapter in site.chapters %}
131+
<div class="chapters__card-main col-12">
132+
<div class="row">
133+
<div class="col-12">
134+
<h2 class="chapters__card-title">{{ chapter.title }}</h2>
166135
</div>
167136
</div>
168-
<div class="chapters__card-main card">
169-
<div class="chapters__card-header card-header">
170-
<h2 class="chapters__card-title">Pydata New York</h2>
171-
</div>
172-
<div class="card-block">
137+
<div class="row">
138+
<div class="col-6 d-flex align-items-center">
173139
<p class="chapters__card-paragraph">
174-
<span class="chapters__flag flag-icon flag-icon-us"></span>
175-
New York, United States
140+
<span class="chapters__flag flag-icon flag-icon-{{ chapter.country_code }}"></span>
141+
{{ chapter.address }}
176142
</p>
177143
</div>
178-
<div class="row">
179-
<div class="col-12 text-center">
180-
<a class="chapters__card-button btn btn-primary btn-lg text-center" href="https://www.meetup.com/Python-Sprints/">
181-
<i class="chapters__card-icon fab fa-meetup"></i>
182-
</a>
183-
</div>
184-
</div>
185-
</div>
186-
<div class="chapters__card-main card">
187-
<div class="chapters__card-header card-header">
188-
<h2 class="chapters__card-title">Pydata Madrid</h2>
189-
</div>
190-
<div class="card-block">
191-
<p class="chapters__card-paragraph">
192-
<span class="chapters__flag flag-icon flag-icon-es"></span>
193-
Madrid, Spain
194-
</p>
195-
</div>
196-
<div class="row">
197-
<div class="col-12 text-center">
198-
<a class="chapters__card-button btn btn-primary btn-lg text-center" href="https://www.meetup.com/Python-Sprints/">
199-
<i class="chapters__card-icon fab fa-meetup"></i>
200-
</a>
201-
</div>
144+
<div class="col-6 text-center">
145+
<a class="chapters__card-button btn" href="{{ chapter.url }}">
146+
<i class="chapters__card-icon fas fa-info-circle"></i>
147+
</a>
202148
</div>
203149
</div>
150+
{% unless forloop.last %}
151+
<hr class="upcoming__divider">
152+
{% endunless %}
204153
</div>
205-
</div>
154+
{% endfor %}
206155
</div>
207156
</div>
208157
</div>

‎static/images/title_photo/Python_Sprints_title_2048x1152px.jpg‎

222 KB
Loading

0 commit comments

Comments
 (0)