Skip to content

Commit aa6febf

Browse files
kjaymillerkjaymiller
committed
update spacing in home page
1 parent 2f879bb commit aa6febf

File tree

12 files changed

+420
-150
lines changed

12 files changed

+420
-150
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -230,3 +230,4 @@ marimo/_lsp/
230230
__marimo__/
231231
.venv
232232
output
233+
.issues

‎_data/member_count.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"count": 1230
3+
}

‎_layouts/_includes/join_us.html‎

Lines changed: 11 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -12,29 +12,14 @@
1212
</div>
1313
</article>
1414
</div>
15-
<div id="support">
16-
<h2>Support Black Python Devs</h2>
17-
<article>
18-
<div class="grid">
19-
<div>{% include "_includes/support_widget.html" %}</div>
20-
<div>
21-
<img class="donation-photo" src="/assets/images/gnome_powered_bpd_stacked.png" alt="Black Python Devs logo with GNOME Foundation sponsorship" />
22-
</div>
23-
</div>
24-
<small
25-
>Black Python Devs is a Non-Profit, fiscally hosted under the GNOME Foundation. GNOME does take a percentage for operating costs for our account and administration but at least 90% of proceeds goes directly to Black Python Devs General Purpose
26-
Fund as detailed here.</small
27-
>
28-
</article>
29-
<section>
30-
<h3>Corporate Sponsors</h3>
31-
<div class="grid">
32-
<article class="sponsor">
33-
<img src="/assets/images/typefully_brand.png" alt="Typefully Logo" />
34-
</article>
35-
<article class="sponsor">
36-
<img src="/assets/images/gnome-foundation-blue.png" alt="GNOME Foundation Logo" style="height: 2rem" />
37-
</article>
38-
</div>
39-
</section>
40-
</div>
15+
<section>
16+
<h3>Corporate Sponsors</h3>
17+
<div class="grid">
18+
<article class="sponsor">
19+
<img src="/assets/images/typefully_brand.png" alt="Typefully Logo" />
20+
</article>
21+
<article class="sponsor">
22+
<img src="/assets/images/gnome-foundation-blue.png" alt="GNOME Foundation Logo" style="height: 2rem" />
23+
</article>
24+
</div>
25+
</section>

‎_layouts/_includes/stats.html‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<div class="grid" style="text-align: center; margin: 2rem 0 3rem">
2+
<article>
3+
<h2 class="pico-color-pumpkin-500">{{ member_count }}</h2>
4+
<p>Community Members</p>
5+
</article>
6+
<article>
7+
<h2 class="pico-color-pumpkin-500">{{ sponsored_events_count }}</h2>
8+
<p>Sponsored Events</p>
9+
</article>
10+
<article>
11+
<h2 class="pico-color-pumpkin-500">{{ countries_count }}</h2>
12+
<p>Countries Supported</p>
13+
</article>
14+
</div>
15+
16+
<div id="join-us">
17+
<div class="grid">
18+
<a href="https://discord.gg/XUc3tFqCT3" role="button" class="pico-background-violet-650">
19+
<span style="margin: 0 1rem"> <i class="fab fa-discord"></i></span>
20+
<span> Join our Discord </span>
21+
</a>
22+
23+
<a href="https://www.linkedin.com/groups/14336241/" role="button" class="pico-background-azure-650 white-button"
24+
><span style="margin: 0 1rem"><i class="fab fa-linkedin"></i></span>Join our LinkedIn Group</a
25+
>
26+
</div>
27+
</div>

‎_layouts/_includes/support.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<div id="support">
2+
<h2>Support Black Python Devs</h2>
3+
<article>
4+
<div class="grid">
5+
<div>{% include "_includes/support_widget.html" %}</div>
6+
<div>
7+
<img class="donation-photo" src="/assets/images/gnome_powered_bpd_stacked.png" alt="Black Python Devs logo with GNOME Foundation sponsorship" />
8+
</div>
9+
</div>
10+
<small
11+
>Black Python Devs is a Non-Profit, fiscally hosted under the GNOME Foundation. GNOME does take a percentage for operating costs for our account and administration but at least 90% of proceeds goes directly to Black Python Devs General Purpose
12+
Fund as detailed here.</small
13+
>
14+
</article>
15+
</div>

‎_layouts/default.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,9 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<meta name="description" content="{% if description%}{{ description | escape }}{% else %}{{ site.description }}{% endif %}" />
77
<title>{% if title == 'Index' %}Black Python Devs{% elif title %}{{ title }} | Black Python Devs{% else %}Black Python Devs{% endif %}</title>
8+
<link rel="preconnect" href="https://fonts.googleapis.com" />
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet" />
811
<link rel="stylesheet" href="{{ '/assets/css/pico.min.css' }}" />
912
<link rel="stylesheet" href="{{ '/assets/css/pico.colors.min.css' }}" />
1013
<link rel="stylesheet" href="{{ '/assets/css/bpd.css' }}" />

‎_layouts/index.html‎

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -8,21 +8,26 @@
88
{% set header = site.title %}
99
{% endif %}
1010
</div>
11+
</article>
1112

12-
<article class="grid hero">
13-
<div>
14-
<img style="max-width: 15rem; max-height:20rem;" src="/assets/images/bpd_stacked.png" alt="Black Python Devs logo" />
15-
</div>
16-
<div style="">
17-
<h1 class="hero-text">Helping build communities for Black Pythonistas around the world.</h1>
13+
<article class="hero">
14+
<div class="hero-content">
15+
<div class="hero-text-wrapper">
16+
<h1 class="hero-text">Helping build communities for Black Pythonistas around the world.</h1>
17+
</div>
18+
<div class="hero-image-wrapper">
19+
<img src="/assets/images/BPD_PyCon_2024_cropped.jpg" alt="Black Python Devs at PyCon 2024" class="hero-image" />
20+
</div>
1821
</div>
1922
</article>
2023

21-
22-
{{ content }}
23-
24-
25-
{% include "_includes/latest-posts.html" %}
26-
{% include "_includes/join_us.html" %}
24+
<article>
25+
{% include "_includes/stats.html" %}
26+
</article>
27+
<article>
28+
{% include "_includes/support.html" %}
29+
</article>
30+
<article>
2731
{% include "_includes/newsletter_form.html" %}
32+
</article>
2833
{% endblock %}

‎app.py‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,13 @@
3636
@app.page
3737
class Index(Page):
3838
template = "index.html"
39-
content_path = "index.html"
39+
template_vars = {
40+
"member_count": json.loads(pathlib.Path("_data/member_count.json").read_text())[
41+
"count"
42+
],
43+
"sponsored_events_count": 36,
44+
"countries_count": 15,
45+
}
4046

4147

4248
@app.page

0 commit comments

Comments
 (0)