Skip to content

Commit dc80989

Browse files
kjaymillerkjaymiller
committed
update index
1 parent 656ae59 commit dc80989

File tree

8 files changed

+76
-86
lines changed

8 files changed

+76
-86
lines changed

‎_layouts/_includes/join_us.html

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
11
<div class="grid">
22
<article id="join-us">
3-
<h2>Not a member yet?</h2>
4-
<p>Are you a Black Python Developer</p>
53
<div class="grid">
6-
<a href="https://discord.gg/XUc3tFqCT3" role="button" class="pico-background-violet-650" style="color: #03dfff"
7-
><span><i class="fab fa-discord"></i></span> Join our Discord</a
8-
>
9-
<a href="https://www.linkedin.com/groups/14336241/" role="button" class="pico-background-azure-650" style="color: #03dfff"
10-
><span><i class="fab fa-linkedin"></i></span> Join our LinkedIn Group</a
4+
<a href="https://discord.gg/XUc3tFqCT3" role="button" class="pico-background-violet-650">
5+
<span style="margin: 0 1rem;">
6+
<i class="fab fa-discord"></i></span>
7+
<span>
8+
Join our Discord
9+
</span>
10+
</a>
11+
12+
<a href="https://www.linkedin.com/groups/14336241/" role="button" class="pico-background-azure-650 white-button" ><span style="margin: 0 1rem;"><i class="fab fa-linkedin"></i></span>Join our LinkedIn Group</a
1113
>
1214
</div>
1315
</article>
@@ -21,13 +23,9 @@ <h2>Support Black Python Devs</h2>
2123
<img class="donation-photo" src="/assets/images/gnome_powered_bpd_stacked.png" alt="Black Python Devs logo with GNOME Foundation sponsorship" />
2224
</div>
2325
</div>
26+
<small>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
27+
Fund as detailed here.</small>
2428
</article>
25-
<div>
26-
<p>
27-
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
28-
Fund as detailed here.
29-
</p>
30-
</div>
3129
<section>
3230
<h3>Corporate Sponsors</h3>
3331
<div class="grid">

‎_layouts/_includes/support_widget.html

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,11 @@
33
if (document.getElementById("commitchange-script")) return;
44
var npo = 6464;
55
var script = document.createElement("script");
6-
var first = document.getElementsByTagName["script"](0);
6+
var first = document.getElementsByTagName("script")[0];
77
script.setAttribute("data-npo-id", npo);
88
script.id = "commitchange-script";
99
script.src = "https://us.commitchange.com/js/donate-button.v2.js";
10-
11-
// Add this to your existing CommitChange script
12-
const observer = new MutationObserver(() => {
13-
document.querySelectorAll(".commitchange-iframe-embedded").forEach((iframe) => {
14-
if (!iframe.title) iframe.title = "Donation form for Black Python Devs";
15-
});
16-
});
17-
observer.observe(document.body, { childList: true, subtree: true });
18-
1910
first.parentNode.insertBefore(script, first);
2011
})();
2112
</script>
22-
<a data-amounts="25,50,100,250,500,1000,1500" class="commitchange-donate" data-designation="Black Python Devs" data-embedded=""></a>
13+
<a class="commitchange-donate" data-amounts="15,25,50,100,250,500" data-embedded=""></a>

‎_layouts/default.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,8 +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 %}{{ site.title }} | {{ title }}{% else %}{{ site.title }}{% endif %}</title>
8-
<link rel="stylesheet" href="{{ '/assets/css/bpd.css' }}" />
98
<link rel="stylesheet" href="{{ '/assets/css/pico.min.css' }}" />
9+
<link rel="stylesheet" href="{{ '/assets/css/pico.colors.min.css' }}" />
10+
<link rel="stylesheet" href="{{ '/assets/css/bpd.css' }}" />
1011
{% set lang_slash = lang %}
1112
{% set default_url = url%}
1213
{% if lang == "en" %}

‎_layouts/index.html

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,14 +7,23 @@
77
{% else %}
88
{% set header = site.title %}
99
{% endif %}
10-
10+
</div>
1111

12+
<article class="grid hero">
13+
<div>
14+
<img style="max-width: 15rem; max-height:20rem;" src="/assets/images/bpd_stacked.png" />
15+
</div>
16+
<div style="">
17+
<h1 class="hero-text">Creating stable leaders and communities for Black Pythonistas around the world.</h1>
18+
</div>
19+
</article>
20+
21+
1222
{{ content }}
1323

1424

1525
{% include "_includes/latest-posts.html" %}
1626
{% include "_includes/join_us.html" %}
1727
{% include "_includes/partnerships.html" %}
1828
{% include "_includes/newsletter_form.html" %}
19-
</div>
20-
{% endblock %}
29+
{% endblock %}

‎assets/css/bpd.css

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -389,6 +389,10 @@ footer {
389389
border: 1px solid var(--minima-border-color-01);
390390
}
391391

392+
a[role="button"] {
393+
color: var(--pico-primary-inverse) !important;
394+
}
395+
392396
.social-media-list li a:hover {
393397
border-color: var(--minima-border-color-02);
394398
}
@@ -416,25 +420,22 @@ footer {
416420

417421
.hero {
418422
width: 100%;
419-
/* background-color: #222; */
420423
background-image: url("/assets/images/hero-bpd-background.jpg");
421-
background-color: RGBA(25, 25, 25, 0.8);
422-
height: 25rem;
423-
display: flex;
424-
flex-flow: column;
425-
justify-content: center;
426424
}
427425

428-
.hero > p {
429-
color: #fff;
430-
font-size: larger;
426+
.hero > div {
427+
margin: auto;
431428
}
432429

433430
.hero-text {
434431
font-size: 2rem;
435432
font-weight: 100;
436-
color: #fff;
437433
font-style: italic;
434+
color: var(--pico-primary-inverse);
435+
}
436+
437+
a.white-button {
438+
color: #fff important!;
438439
}
439440

440441
img.leadership-photo {

‎index.html

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,6 @@
66

77
<h2>Our Mission</h2>
88
<div class="grid hero-section">
9-
<article class="pico-background-sand-100">
10-
<h3>Secure the bag</h3>
11-
<p>Establish guidance, mentorship, and career support for <em>Black Python Devs</em> Members</p>
12-
<p><a class="contrast" href="/about.html">Learn More</a></p>
13-
</article>
149
<article class="pico-background-pumpkin-650">
1510
<h3 class="pico-color-pumpkin-50">Diversity By Inclusion</h3>
1611
<p class="pico-color-pumpkin-50">We encourage members to get involved beyond participation. Members can become maintainers, maintainers become leaders.</p>

‎output/assets/css/bpd.css

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -389,6 +389,10 @@ footer {
389389
border: 1px solid var(--minima-border-color-01);
390390
}
391391

392+
a[role="button"] {
393+
color: var(--pico-primary-inverse) !important;
394+
}
395+
392396
.social-media-list li a:hover {
393397
border-color: var(--minima-border-color-02);
394398
}
@@ -416,25 +420,22 @@ footer {
416420

417421
.hero {
418422
width: 100%;
419-
/* background-color: #222; */
420423
background-image: url("/assets/images/hero-bpd-background.jpg");
421-
background-color: RGBA(25, 25, 25, 0.8);
422-
height: 25rem;
423-
display: flex;
424-
flex-flow: column;
425-
justify-content: center;
426424
}
427425

428-
.hero > p {
429-
color: #fff;
430-
font-size: larger;
426+
.hero > div {
427+
margin: auto;
431428
}
432429

433430
.hero-text {
434431
font-size: 2rem;
435432
font-weight: 100;
436-
color: #fff;
437433
font-style: italic;
434+
color: var(--pico-primary-inverse);
435+
}
436+
437+
a.white-button {
438+
color: #fff important!;
438439
}
439440

440441
img.leadership-photo {

‎output/index.html

Lines changed: 27 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,9 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1" />
66
<meta name="description" content="" />
77
<title> | Index</title>
8-
<link rel="stylesheet" href="/assets/css/bpd.css" />
98
<link rel="stylesheet" href="/assets/css/pico.min.css" />
9+
<link rel="stylesheet" href="/assets/css/pico.colors.min.css" />
10+
<link rel="stylesheet" href="/assets/css/bpd.css" />
1011
<link rel="alternate" hreflang="en" href="/index.html" />
1112
<link rel="alternate" hreflang="x-default" href="/index.html" />
1213
</head>
@@ -51,15 +52,20 @@ <h1 class="site-title"><a class="logo-text" href="/index.html"><img src="assets/
5152
</header><main class="container" role="main" aria-label="Content">
5253

5354
<div class="home">
54-
55+
</div>
5556

57+
<article class="grid hero">
58+
<div>
59+
<img style="max-width: 15rem; max-height:20rem;" src="/assets/images/bpd_stacked.png" />
60+
</div>
61+
<div style="">
62+
<h1 class="hero-text">Creating stable leaders and communities for Black Pythonistas around the world.</h1>
63+
</div>
64+
</article>
65+
66+
5667
<h2>Our Mission</h2>
5768
<div class="grid hero-section">
58-
<article class="pico-background-sand-100">
59-
<h3>Secure the bag</h3>
60-
<p>Establish guidance, mentorship, and career support for <em>Black Python Devs</em> Members</p>
61-
<p><a class="contrast" href="/about.html">Learn More</a></p>
62-
</article>
6369
<article class="pico-background-pumpkin-650">
6470
<h3 class="pico-color-pumpkin-50">Diversity By Inclusion</h3>
6571
<p class="pico-color-pumpkin-50">We encourage members to get involved beyond participation. Members can become maintainers, maintainers become leaders.</p>
@@ -83,14 +89,16 @@ <h3 class="pico-color-pumpkin-50">Say it loud!</h3>
8389

8490
<div class="grid">
8591
<article id="join-us">
86-
<h2>Not a member yet?</h2>
87-
<p>Are you a Black Python Developer</p>
8892
<div class="grid">
89-
<a href="https://discord.gg/XUc3tFqCT3" role="button" class="pico-background-violet-650" style="color: #03dfff"
90-
><span><i class="fab fa-discord"></i></span> Join our Discord</a
91-
>
92-
<a href="https://www.linkedin.com/groups/14336241/" role="button" class="pico-background-azure-650" style="color: #03dfff"
93-
><span><i class="fab fa-linkedin"></i></span> Join our LinkedIn Group</a
93+
<a href="https://discord.gg/XUc3tFqCT3" role="button" class="pico-background-violet-650">
94+
<span style="margin: 0 1rem;">
95+
<i class="fab fa-discord"></i></span>
96+
<span>
97+
Join our Discord
98+
</span>
99+
</a>
100+
101+
<a href="https://www.linkedin.com/groups/14336241/" role="button" class="pico-background-azure-650 white-button" ><span style="margin: 0 1rem;"><i class="fab fa-linkedin"></i></span>Join our LinkedIn Group</a
94102
>
95103
</div>
96104
</article>
@@ -104,34 +112,21 @@ <h2>Support Black Python Devs</h2>
104112
if (document.getElementById("commitchange-script")) return;
105113
var npo = 6464;
106114
var script = document.createElement("script");
107-
var first = document.getElementsByTagName["script"](0);
115+
var first = document.getElementsByTagName("script")[0];
108116
script.setAttribute("data-npo-id", npo);
109117
script.id = "commitchange-script";
110118
script.src = "https://us.commitchange.com/js/donate-button.v2.js";
111-
112-
// Add this to your existing CommitChange script
113-
const observer = new MutationObserver(() => {
114-
document.querySelectorAll(".commitchange-iframe-embedded").forEach((iframe) => {
115-
if (!iframe.title) iframe.title = "Donation form for Black Python Devs";
116-
});
117-
});
118-
observer.observe(document.body, { childList: true, subtree: true });
119-
120119
first.parentNode.insertBefore(script, first);
121120
})();
122121
</script>
123-
<a data-amounts="25,50,100,250,500,1000,1500" class="commitchange-donate" data-designation="Black Python Devs" data-embedded=""></a></div>
122+
<a class="commitchange-donate" data-amounts="15,25,50,100,250,500" data-embedded=""></a></div>
124123
<div>
125124
<img class="donation-photo" src="/assets/images/gnome_powered_bpd_stacked.png" alt="Black Python Devs logo with GNOME Foundation sponsorship" />
126125
</div>
127126
</div>
127+
<small>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
128+
Fund as detailed here.</small>
128129
</article>
129-
<div>
130-
<p>
131-
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
132-
Fund as detailed here.
133-
</p>
134-
</div>
135130
<section>
136131
<h3>Corporate Sponsors</h3>
137132
<div class="grid">
@@ -182,8 +177,7 @@ <h3></h3>
182177
<p>
183178
<a href="https://buttondown.email/black-python-devs/archive">Read the latest issue.</a>
184179
</p>
185-
</article></div>
186-
</main><footer role="contentinfo">
180+
</article> </main><footer role="contentinfo">
187181
<div class="wrapper">
188182
<div class="footer-grid">
189183
<!-- About Us Section -->

0 commit comments

Comments
 (0)