Skip to content

Commit a271efb

Browse files
kjaymillerkjaymiller
authored
Site redesign: Luminous Monolith design system (#861)
* site redesign * reformat * fix playwright test
1 parent e986b02 commit a271efb

21 files changed

Lines changed: 2077 additions & 617 deletions

‎.github/workflows/playwright.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,6 @@ jobs:
2424
- name: Set up Python
2525
run: uv python install 3.14
2626
- name: Install dependencies
27-
run: uv sync --dev prerelease allow
27+
run: uv sync --dev --prerelease allow
2828
- name: Run Tests
2929
run: uv run pytest -v

‎STYLEGUIDE.md‎

Lines changed: 388 additions & 0 deletions
Large diffs are not rendered by default.

‎_data/leadership.json‎

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -57,14 +57,7 @@
5757
"title": "Welcoming Team"
5858
}
5959
],
60-
"Advisors": [
61-
"Benedict Koji Amofah",
62-
"Ronald Maravanyika",
63-
"Kojo Idrissa",
64-
"Carol Willing",
65-
"Jeff Triplett",
66-
"Dr. Kari L. Jordan"
67-
],
60+
"Advisors": ["Benedict Koji Amofah", "Ronald Maravanyika", "Kojo Idrissa", "Carol Willing", "Jeff Triplett", "Dr. Kari L. Jordan"],
6861
"Council": [
6962
"Dawn Wages",
7063
"Sarah Abderemane",

‎_layouts/_includes/event-list.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<article>
1+
<section>
22
<h2>BPD Organized Events</h2>
3-
<ul>
3+
<div class="grid" style="grid-template-columns: repeat(auto-fit, minmax(220px, 320px))">
44
{% for page in data.bpd %}
5-
<li><a href="{{ page.url }}">{{ page.title }}</a></li>
5+
<div class="card" style="padding: 1.25rem 1.5rem"><a href="{{ page.url }}">{{ page.title }}</a></div>
66
{% endfor %}
7-
</ul>
8-
</article>
7+
</div>
8+
</section>

‎_layouts/_includes/footer.html‎

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,25 @@ <h3>Contact Us</h3>
2424
<address>
2525
<p>Email: <a href="mailto:contact@blackpythondevs.com">contact@blackpythondevs.com </a></p>
2626
</address>
27-
<nav>{%- include "_includes/social.html" -%}</nav>
27+
<nav aria-label="Social media">
28+
<ul class="social-links">
29+
<li>
30+
<a href="https://discord.gg/XUc3tFqCT3" target="_blank" rel="me" title="Discord"><i class="iconoir-discord" aria-hidden="true"></i></a>
31+
</li>
32+
<li>
33+
<a href="https://www.linkedin.com/company/black-python-devs" target="_blank" rel="me" title="LinkedIn"><i class="iconoir-linkedin" aria-hidden="true"></i></a>
34+
</li>
35+
<li>
36+
<a href="https://x.com/blackpythondevs" target="_blank" rel="me" title="Twitter/X"><i class="iconoir-x" aria-hidden="true"></i></a>
37+
</li>
38+
<li>
39+
<a href="https://www.instagram.com/blackpythondevs/" target="_blank" rel="me" title="Instagram"><i class="iconoir-instagram" aria-hidden="true"></i></a>
40+
</li>
41+
<li>
42+
<a href="https://github.com/BlackPythonDevs" target="_blank" rel="me" title="GitHub"><i class="iconoir-github" aria-hidden="true"></i></a>
43+
</li>
44+
</ul>
45+
</nav>
2846
</div>
2947
</div>
3048
<div class="footer-bottom">

‎_layouts/_includes/header.html‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,30 +3,30 @@
33
<h1 class="site-title">
44
<a class="logo-text" href="/index.html"><img src="{{ '/assets/images/black_python_devs_logo-horizontal-white.png' }}" alt="Black Python Devs" /></a>
55
</h1>
6-
<nav class="site-navigation" aria-label="Main navigation" style="padding-right: 2em">
6+
<nav class="site-navigation" aria-label="Main navigation">
77
<div class="site-navigation-wrap">
88
<ul class="menu" role="menu">
99
{% for item in navigation %} {% set current = nil %} {% set nav_lang = nil %} {% if item.url and url == item.url %} {% set current = 'nav-current' %} {% endif %} {% if lang != 'en' %} {% set nav_lang = lang %} {% endif %}
1010
<li class="menu-item {{ current }}" role="menuitem">
1111
{% if item.subitems %}
1212
<details class="dropdown">
13-
<summary><i class="{{ item.fa }}" aria-hidden="true"></i>&nbsp;{{ item.text }}</summary>
13+
<summary><i class="{{ item.icon }}" aria-hidden="true"></i>&nbsp;{{ item.text }}</summary>
1414
<ul class="dropdown-menu">
1515
{% for sub in item.subitems %}
1616
<li class="dropdown-item">
17-
<a href="{{ nav_lang }}{{ sub.url }}"><i class="{{ sub.fa }}" aria-hidden="true"></i>&nbsp;{{ sub.text }}</a>
17+
<a href="{{ nav_lang }}{{ sub.url }}"><i class="{{ sub.icon }}" aria-hidden="true"></i>&nbsp;{{ sub.text }}</a>
1818
</li>
1919
{% endfor %}
2020
</ul>
2121
</details>
2222
{% else %}
23-
<a class="{{ current }}" href="{{ nav_lang }}{{ item.url }}"> <i class="{{ item.fa }}" aria-hidden="true"></i>&nbsp;{{ item.text }} </a>
23+
<a class="{{ current }}" href="{{ nav_lang }}{{ item.url }}"><i class="{{ item.icon }}" aria-hidden="true"></i>&nbsp;{{ item.text }}</a>
2424
{% endif %}
2525
</li>
2626
{% endfor %} {% if locales | length > 1 %}
2727
<li class="menu-item" role="menuitem">
2828
<div class="">
29-
<i class="fa fa-language" aria-hidden="true"></i>
29+
<i class="iconoir-language" aria-hidden="true"></i>
3030
<select id="language" class="form-select" aria-label="Language">
3131
{% set locales = locales | sort %} {% for locale in locales %} {% set lang = locale[0] %} {% set locale_name = locale[1][lang].locale_name %} {% if lang == lang %}
3232
<option value="{{ lang }}" selected="selected">{{ locale_name }}</option>
@@ -47,6 +47,9 @@ <h1 class="site-title">
4747
<!-- .site-navigation-wrap -->
4848
</nav>
4949
<!-- .site-navigation -->
50+
<button id="theme-toggle" class="theme-toggle" aria-label="Toggle dark/light mode" title="Toggle dark/light mode">
51+
<i class="iconoir-sun-light" aria-hidden="true"></i>
52+
</button>
5053
<button id="menu-open" class="menu-toggle">
5154
<span class="screen-reader-text">Open Menu</span>
5255
<span class="icon-menu" aria-hidden="true"></span>

‎_layouts/_includes/join_us.html‎

Lines changed: 9 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
<div class="grid">
2-
<article id="join-us">
2+
<article id="join-us" class="card">
33
<div class="grid">
4-
<a href="https://discord.gg/XUc3tFqCT3" role="button" class="pico-background-violet-650">
5-
<span style="margin: 0 1rem"> <i class="fab fa-discord"></i></span>
6-
<span> Join our Discord </span>
4+
<a href="https://discord.gg/XUc3tFqCT3" role="button" class="btn-discord">
5+
<i class="iconoir-discord" aria-hidden="true"></i>
6+
<span>Join our Discord</span>
77
</a>
88

9-
<a href="https://www.linkedin.com/groups/14336241/" role="button" class="pico-background-azure-650 white-button"
10-
><span style="margin: 0 1rem"><i class="fab fa-linkedin"></i></span>Join our LinkedIn Group</a
11-
>
9+
<a href="https://www.linkedin.com/groups/14336241/" role="button" class="btn-linkedin">
10+
<i class="iconoir-linkedin" aria-hidden="true"></i>
11+
<span>Join our LinkedIn Group</span>
12+
</a>
1213
</div>
1314
</article>
1415
</div>
@@ -26,12 +27,5 @@ <h2>Support Black Python Devs</h2>
2627
Fund as detailed here.</small
2728
>
2829
</article>
29-
<section>
30-
<h3>Corporate Sponsors</h3>
31-
<div class="grid">
32-
<article class="sponsor">
33-
<img src="/assets/images/gnome-foundation-blue.png" alt="GNOME Foundation Logo" style="height: 2rem" />
34-
</article>
35-
</div>
36-
</section>
30+
{% include "_includes/sponsors.html" %}
3731
</div>

‎_layouts/_includes/partnerships.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ <h2 id="partnerships">Partnerships</h2>
33
<p>Black Python Devs has partnered with the following organizations to offer discounts and benefits to our community.</p>
44
<div class="grid">
55
{% for partner in partnerships %}
6-
<article>
6+
<article class="card">
77
<header>
88
<a href="{{partner.url}}">
99
<img src="{{partner.logo}}" alt="{{partner.name}} logo" style="max-height: 80px; object-fit: contain" />

‎_layouts/_includes/sponsored-events.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ <h2>Supported Events</h2>
77

88
<p>We believe that sponsorships does the following:</p>
99
<ul>
10-
<li>👫 - raises awareness amongst our community to attend events.</li>
11-
<li>🌐 - supports Python events that are accessible to black communities</li>
10+
<li>Raises awareness amongst our community to attend events.</li>
11+
<li>Supports Python events that are accessible to black communities</li>
1212

1313
</ul>
1414
<p>Here is a look at events this year that we've supported:</p>

‎_layouts/_includes/sponsors.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<section>
2+
<h3>Corporate Sponsors</h3>
3+
<div class="grid">
4+
<article class="sponsor">
5+
<img src="/assets/images/gnome-foundation-blue.png" alt="GNOME Foundation Logo" style="height: 2rem" />
6+
</article>
7+
</div>
8+
</section>

0 commit comments

Comments
 (0)