Skip to content

Commit ce8d8cc

Browse files
Tomasz-KluczkowskiTomasz-Kluczkowski
committed
Unified look and size of sponsor images.
Fixed their look in the footer. Build initial version of the post layout. Added example post content from Meetup for pandas / bokeh event. Styled post in post.scss. Added functions to allow on hover effect for the Meetup button in the post.
1 parent cb9a2d9 commit ce8d8cc

File tree

15 files changed

+656
-74
lines changed

15 files changed

+656
-74
lines changed

‎_includes/footer.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@
1111
<hr class="footer__divider">
1212
<div class="row">
1313
<div class="col-lg-6">
14-
<a class="footer__sponsor-link" href="https://www.linkedin.com/in/hamishpitkeathly/">
15-
<img class="footer__img" src="{{ site.baseurl }}/static/images/sponsors/harvey_nash_130x90.png">
16-
</a>
1714
<a class="footer__sponsor-link" href="https://www.python.org/psf/">
18-
<img class="footer__img" src="{{ site.baseurl }}/static/images/sponsors/python_software_foundation.jpeg">
15+
<img class="footer__img" src="{{ site.baseurl }}/static/images/sponsors/python_software_foundation.png">
16+
</a>
17+
<a class="footer__sponsor-link" href="https://www.linkedin.com/in/hamishpitkeathly/">
18+
<img class="footer__img" src="{{ site.baseurl }}/static/images/sponsors/harvey_nash.png">
1919
</a>
2020
</div>
2121
<div class="col-lg-6">

‎_layouts/post.html‎

Lines changed: 18 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
{% include navigation.html %}
1717
<main>
1818
<article class="post">
19+
<!--HAve to move this IF statement to the background image style above and give and else with a standard background for events without the image yet-->
1920
{% if page.image %}
2021
<div class="row">
2122
<div class="no-gutters__col col-md-12 container-fluid">
@@ -25,8 +26,6 @@
2526
<h1 class="post__title">{{ page.project }}</h1>
2627
<h2 class="post__subtitle"><em>{{ page.project_description }}</em></h2>
2728
</div>
28-
29-
3029
<div class="post__event-col col-md-5 col-12">
3130
<div class="row">
3231
<div class="no-gutters__col col-3">
@@ -60,30 +59,28 @@ <h2 class="post__label">Date</h2>
6059
{{ page.date | date: "%e %B %Y" }}
6160
</div>
6261
</div>
63-
64-
<a class="post__button btn btn-primary btn-lg text-center" href="{{ page.link }}">
65-
<i class="post__icon fab fa-meetup"></i>
66-
</a>
62+
<div class="row">
63+
<div class="post__button-col col-12">
64+
<a class="post__button btn btn-primary btn-lg text-center" href="{{ page.link }}">
65+
<i class="post__icon fab fa-meetup"></i>
66+
</a>
67+
</div>
68+
</div>
6769
</div>
6870
</div>
6971
</div>
7072
</div>
7173
{% endif %}
72-
<div class="row post__content container-fluid">
73-
<div class="no-gutters__col col-md-12">
74-
<div class="row">
75-
<div class="post__event-col col-md-3 col-12">
76-
<h2 class="post__event-title">{{ page.title }}</h2>
77-
<h3 class="post__venue">{{ page.venue }}</h3>
78-
<h3 class="post__date">{{ page.date | date: "%e %B %Y" }}</h3>
79-
<a class="post__button btn btn-primary btn-lg text-center" href="{{ page.link }}">
80-
<i class="post__icon fab fa-meetup"></i>
81-
</a>
82-
</div>
83-
<div class="col-md-9">
84-
{{ page.content }}
85-
</div>
86-
</div>
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>
8784
</div>
8885
</div>
8986
</article>

‎_pages/03_events.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
layout: default
3+
title: Events
4+
permalink: /events/
5+
---
6+
7+
<h1>This is the content of the Events page</h1>
8+
<h2>Fill it in !!!!</h2>

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

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,23 @@ date: 2017-10-04
77
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
10+
sponsors:
11+
- Harvey Nash
1012
---
1113

12-
We worked on implementing Bokeh as a backend for Pandas.
14+
According to this recent blog post by [Stack Overflow](https://stackoverflow.com/), Python is declared as the fastest-growing major programming language.
15+
10% of its credit is considered to be due to the [pandas](http://pandas.pydata.org/) library.
16+
One of the popular features of pandas is that it can directly plot the data it contains (in a Series or DataFrame).
17+
18+
When this feature was implemented, [matplotlib](https://matplotlib.org/) was the standard plotting library in Python.
19+
But things changed, and now there are many great available libraries. One of the most popular ones is [Bokeh](https://bokeh.pydata.org/en/latest/).
20+
21+
Bokeh generates interactive visualization charts in the style of D3.js.
22+
Plotting pandas data in Bokeh is quite straight-forward.
23+
But it would be more efficient and consistent, if pandas could be configured for a different backend like Bokeh, and then use the current pandas methods to plot with your favorite library.
24+
25+
Pandas is already well prepared to be integrated with other backends. Having all the matplotlib logic in a directory plotting [https://github.com/pandas-dev/pandas/tree/master/pandas/plotting](https://github.com/pandas-dev/pandas/tree/master/pandas/plotting).
26+
But some work needs to be done, adding a setting to define the backend, and further decoupling the plotting logic.
27+
28+
Also, a new package pandas-bokeh needs to be created, that can be called from the .plot() pandas methods.
29+
In this sprint we will code this new module (that can be later added to pandas), and we will send the pull request for the required pandas packages.

‎_sass/post.scss‎

Lines changed: 33 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,10 @@
2323
color: #818181;
2424
}
2525

26-
.post__content {
27-
padding-top: 5%;
28-
padding-left: 5%;
29-
padding-right: 5%;
30-
}
31-
3226
.post__event-col {
3327
padding-top: 2%;
28+
padding-left: 2%;
29+
padding-right: 2%;
3430
background: rgb(0, 0, 0);
3531
}
3632

@@ -49,33 +45,56 @@
4945

5046
.post__event-title {
5147
background: rgba(7, 41, 72, 0.52);
52-
border-radius: 0 0 5px 5px;
5348
border: #072948 2px ridge;
5449
font-size: 1.25em;
5550
font-family: 'Encode Sans Expanded', sans-serif;
5651
color: antiquewhite;
5752
padding-left: 0.25em;
53+
margin-right: 0.25em;
5854
border-radius: 0 5px 5px 5px;
5955
}
6056

57+
.post__button-col {
58+
margin-top: 4%;
59+
margin-bottom: 2%;
60+
text-align: center;
61+
}
62+
6163
.post__button {
62-
padding: 1% 5%;
63-
margin: 0 2% 2% 2%;
64+
min-width: 10em;
6465
font-size: 1.25em;
6566
font-family: 'Playfair Display', serif;
6667
text-align: center;
67-
color: #072948;
68-
background: #7FA0C2;
68+
background: #072948;
69+
border: #035E9A 2px ridge;
6970
transition: all 0.5s ease-in;
7071
&:hover {
7172
text-align: center;
72-
background: #035E9A;
73-
color: antiquewhite;
73+
background: rgba(7, 41, 72, 0.53);
74+
border: #A55605 2px ridge;
7475
}
7576
}
7677

7778
.post__icon {
7879
text-align: center;
79-
color: #072948;
80+
color: #7FA0C2;
81+
font-size: 1.5em;
82+
transition: all 0.5s ease-in;
83+
min-width: 100%;
84+
min-height: 100%;
85+
}
86+
87+
.post__content {
88+
margin-top: 5%;
89+
padding-left: 10%;
90+
padding-right: 10%;
91+
}
92+
93+
.post__content-title {
8094
font-size: 2em;
95+
font-family: 'Encode Sans Expanded', sans-serif;
96+
color: #072948;
97+
}
98+
99+
.post__paragraph {
81100
}

0 commit comments

Comments
 (0)