Skip to content

Commit d1ed9a2

Browse files
Tomasz-KluczkowskiTomasz-Kluczkowski
committed
Fixed column layout in the footer.
Completed first version of post layout. Added sponsors variable to front matter in all posts (events). Styled post. Styled main content. Created first collection - sponsors. Created first sponsor - Harvey Nash. Cheanged Bloomberg's logo to dark orange to make it more attractive on hover.
1 parent bfef31a commit d1ed9a2

12 files changed

+123
-37
lines changed

‎_config.yml

+2
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,8 @@ exclude:
2121
- Gemfile.lock
2222
- static/images/sources/
2323
future: true
24+
collections:
25+
- sponsors
2426

2527
# command to run build locally:
2628
# bundle exec jekyll serve --config _config.yml,_config_dev.yml

‎_config_dev.yml

+2
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,8 @@ exclude:
2121
- Gemfile.lock
2222
- static/images/sources/
2323
future: true
24+
collections:
25+
- sponsors
2426

2527
# command to run build locally:
2628
# bundle exec jekyll serve --config _config.yml,_config_dev.yml

‎_includes/footer.html

+10-11
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
11
<footer class="footer">
2-
<div class="row">
3-
<div class="col-md-4 text-center">
4-
<p class="section-content footer__text">Find Us Online</p>
2+
<div class="row container-fluid">
3+
<div class="col-md-3 text-center">
4+
<h2 class="footer__section-title">Find Us Online</h2>
55
<hr class="footer__divider">
66
<a href="https://www.meetup.com/Python-Sprints/" target="_blank"><i class="footer__icon fab fa-meetup"></i></a>
77
<a href="https://twitter.com/py_sprints" target="_blank"><i class="footer__icon fab fa-twitter"></i></a>
88
</div>
9-
<div class="col-md-4">
10-
<p class="section-content footer__text">Our Sponsors</p>
9+
<div class="col-md-6">
10+
<h2 class="footer__section-title">Our Sponsors</h2>
1111
<hr class="footer__divider">
1212
<div class="row">
13-
<div class="footer__sponsor-col col-lg-6">
13+
<div class="footer__sponsor-col col-lg-12 col-xlg-6">
1414
<a class="footer__sponsor-link" href="https://www.python.org/psf/">
1515
<img class="footer__img" src="{{ site.baseurl }}/static/images/sponsors/python_software_foundation.png">
1616
</a>
1717
<a class="footer__sponsor-link" href="https://www.linkedin.com/in/hamishpitkeathly/">
1818
<img class="footer__img" src="{{ site.baseurl }}/static/images/sponsors/harvey_nash.png">
1919
</a>
2020
</div>
21-
<div class="footer__sponsor-col col-lg-6">
21+
<div class="footer__sponsor-col col-lg-12 col-xlg-6">
2222
<a class="footer__sponsor-link" href="https://www.touchsurgery.com/jobs.html">
2323
<img class="footer__img" src="{{ site.baseurl }}/static/images/sponsors/touch_surgery.png">
2424
</a>
@@ -28,8 +28,8 @@
2828
</div>
2929
</div>
3030
</div>
31-
<div class="col-md-4">
32-
<p class="section-content footer__text">Python Sprints</p>
31+
<div class="col-md-3">
32+
<h2 class="footer__section-title">Python Sprints</h2>
3333
<hr class="footer__divider">
3434
<a class="footer__link" href="#" target="_blank">About</a>
3535
<a class="footer__link" href="#" target="_blank">Getting Started</a>
@@ -41,12 +41,11 @@
4141

4242
<div class="footer__content row container-fluid">
4343
<div class="col-md-12">
44-
<p class="section-content footer__text-copyright">
44+
<p class="footer__text-copyright">
4545
© Copyright
4646
<script>document.write(new Date().getFullYear())</script>
4747
- Python Sprints
4848
<img class="footer__brand-img" src="{{ site.baseurl }}/static/images/site_logo/python_sprints_logo.png" alt="Python Sprints Logo">
49-
5049
</p>
5150
</div>
5251
</div>

‎_layouts/post.html

+29-10
Original file line numberDiff line numberDiff line change
@@ -71,17 +71,36 @@ <h2 class="post__label">Date</h2>
7171
</div>
7272
</div>
7373
{% endif %}
74-
<div class="row container-fluid">
75-
<div class="post__content col-md-12">
76-
<h1 class="post__content-title">{{ page.title }}</h1>
77-
<p class="post__paragraph">{{ page.content }}</p>
78-
<h1 class="post__content-title">Event's sponsors</h1>
79-
<ol>
80-
{% for sponsor in page.sponsors %}
81-
<li>sponsor: {{ sponsor }}</li>
82-
{% endfor %}
83-
</ol>
74+
<div class="container-fluid">
75+
<div class="row">
76+
<div class="post__content col-md-12">
77+
<h1 class="post__content-title">{{ page.title }}</h1>
78+
<p class="post__paragraph">{{ page.content }}</p>
79+
<hr class="post__divider">
80+
<h1 class="post__content-title">Event's sponsors</h1>
81+
</div>
8482
</div>
83+
84+
{% for sponsor in page.sponsors %}
85+
{% assign sponsor_obj = site.sponsors | where:"sponsor_id", sponsor | first %}
86+
<div class="row">
87+
<div class="post__sponsor-col col-md-12">
88+
<div class="row">
89+
<div class="col-md-3">
90+
<div class="post__sponsor-container">
91+
<a class="post__sponsor-link" href="{{ sponsor_obj.sponsor_link }}">
92+
<img class="post__sponsor-img" src="{{ site.baseurl }}/{{ sponsor_obj.sponsor_logo }}">
93+
</a>
94+
</div>
95+
<p class="post__sponsor-name">{{ sponsor_obj.sponsor_name }}</p>
96+
</div>
97+
<div class="col-md-9">
98+
<p class="post__sponsor-content">{{ sponsor_obj.content}}</p>
99+
</div>
100+
</div>
101+
</div>
102+
</div>
103+
{% endfor %}
85104
</div>
86105
</article>
87106
{% include footer.html %}

‎_posts/2017-10-04-Bokeh-As-A-Backend-For-Pandas.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ venue: Harvey Nash
88
link: https://www.meetup.com/Python-Sprints/events/243422372/
99
image: static/images/events_past/pandas_bokeh_backend_harvey_nash_960x539px.jpeg
1010
sponsors:
11-
- Harvey Nash
11+
- harvey_nash
1212
---
1313

1414
According to this recent blog post by [Stack Overflow](https://stackoverflow.com/), Python is declared as the fastest-growing major programming language.

‎_posts/2017-10-24-PyMC3.md

+2
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@ date: 2017-10-24
77
venue: Zopa
88
link: https://www.meetup.com/Python-Sprints/events/244062594/
99
image: static/images/events_past/pymc3_zopa_960x539px.jpeg
10+
sponsors:
11+
- zopa
1012
---
1113

1214
We worked on PyMC3 project.

‎_posts/2017-11-01-www.python.org-Part1.md

+2
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@ date: 2017-11-01
77
venue: Bloomberg
88
link: https://www.meetup.com/Python-Sprints/events/244388482/
99
image: static/images/events_past/python_dot_org_part1_bloomberg_960x539px.jpeg
10+
sponsors:
11+
- bloomberg
1012
---
1113

1214
We worked on python.org website.

‎_posts/2017-12-06-python-dateutil.md

+2
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@ date: 2017-12-06
77
venue: Bloomberg
88
link: https://www.meetup.com/Python-Sprints/events/245317647/
99
image: static/images/events_past/dateutil_bloomberg_960x539px.jpeg
10+
sponsors:
11+
- bloomberg
1012
---
1113

1214
We worked on documentation for python-dateutil.

‎_sass/post.scss

+42-2
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
}
1010

1111
.post__title {
12-
padding-top: 10%;
12+
padding-top: 25vh;
1313
text-align: center;
1414
font-size: 3em;
1515
font-family: 'Encode Sans Expanded', sans-serif;
@@ -85,16 +85,56 @@
8585
}
8686

8787
.post__content {
88-
margin-top: 5%;
8988
padding-left: 10%;
9089
padding-right: 10%;
9190
}
9291

9392
.post__content-title {
93+
margin-top: 5%;
94+
margin-bottom: 2.5%;
9495
font-size: 2em;
9596
font-family: 'Encode Sans Expanded', sans-serif;
9697
color: #072948;
9798
}
9899

100+
.post__sponsor-col {
101+
padding-left: 10%;
102+
padding-right: 10%;
103+
104+
}
105+
99106
.post__paragraph {
107+
}
108+
109+
.post__divider {
110+
margin-top: 5%;
111+
border-top: #072948 2px ridge;
112+
width: 10%;
113+
}
114+
115+
.post__sponsor-container {
116+
background: #041729;
117+
border-radius: 5px;
118+
border: #7fa0c2 1px solid;
119+
text-align: center;
120+
}
121+
122+
.post__sponsor-link {
123+
//text-align: center;
124+
line-height: 102px;
125+
width: 278px;
126+
height: 102px;
127+
}
128+
129+
.post__sponsor-img {
130+
vertical-align: middle;
131+
}
132+
133+
.post__sponsor-name {
134+
margin-top: 0.25em;
135+
line-height: 1em;
136+
text-align: center;
137+
font-family: 'Encode Sans Expanded', sans-serif;
138+
font-size: 1.25em;
139+
color: #072948;
100140
}

‎_sass/style.scss

+23-13
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,15 @@
1212
overflow-x: hidden;
1313
}
1414

15+
a {
16+
color: #035E9A;
17+
text-decoration: none!important;
18+
transition: all 0.5s ease-in-out;
19+
&:hover {
20+
color: #A55605;
21+
}
22+
}
23+
1524
.row {
1625
margin-left: 0;
1726
margin-right: 0;
@@ -446,6 +455,7 @@
446455

447456
.footer {
448457
margin-top: 10%;
458+
padding-top: 2.5%;
449459
background: #072948;
450460
border-top: #7fa0c2 1px solid;
451461
}
@@ -461,32 +471,38 @@
461471

462472

463473
.footer__icon {
464-
font-size: 2em;
465-
margin: 1em;
474+
font-size: 1.5em;
475+
margin: 0.25em;
466476
color: #7fa0c2;
467477
transition: all 0.5s;
478+
&:hover {
479+
color: #A55605;
480+
}
468481
}
469482

470-
.footer__text, .footer__text-copyright {
483+
.footer__text-copyright {
471484
font-size: 1.5em;
472485
color: #7fa0c2;
486+
font-family: 'Playfair Display', serif;
487+
473488
}
474489

475-
.section-content.footer__text {
476-
margin-top: 5%;
490+
.footer__section-title {
477491
color: aliceblue;
492+
font-size: 1.5em;
493+
text-align: center;
494+
font-family: 'Playfair Display', serif;
478495
}
479496

480497
.footer__sponsor-link {
481-
position: relative;
482498
background: #041729;
483499
border-radius: 5px;
484500
border: #7fa0c2 1px solid;
485501
text-align: center;
486502
display: inline-block;
487503
line-height: 102px;
488504
vertical-align: middle;
489-
margin-top: 10%;
505+
margin: 1%;
490506
width: 278px;
491507
height: 102px;
492508
}
@@ -509,12 +525,6 @@
509525
font-family: 'Playfair Display', serif;
510526
color: #7fa0c2;
511527
display: block;
512-
text-decoration: none!important;
513-
transition: all 0.5s;
514-
}
515-
516-
.footer__link:hover, .footer__icon:hover {
517-
color: #aa5555;
518528
}
519529

520530
.footer__brand-img {

‎_sponsors/harvey_nash.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
sponsor_id: harvey_nash
3+
sponsor_name: "Harvey Nash"
4+
sponsor_logo: static/images/sponsors/harvey_nash.png
5+
sponsor_link: https://www.linkedin.com/in/hamishpitkeathly/
6+
---
7+
Harvey Nash specialise in professional recruitment.
8+
Since 1988, they supported many of the world's top organisations to recruit, source and manage the highly-skilled talent needed to succeed in an increasingly competitive world.

‎static/images/sponsors/bloomberg.png

-1.36 KB
Loading

0 commit comments

Comments
 (0)