Skip to content

Commit 0ae1784

Browse files
mrleeioclaude
mrleeio
and
claude
committed
feat(organizers): add organizers page with photos and navigation
- Create organizers page featuring current and past organizers - Add organizer photos (Michael Lee, Weston, Paulo, Philippe) - Add Organizers link to navbar with pipe separator for desktop - Improve Silver Sponsors header readability on index page - Add red hover effect for sponsor names on index page 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent efbb1d9 commit 0ae1784

File tree

7 files changed

+170
-1
lines changed

7 files changed

+170
-1
lines changed

‎_includes/nav.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,12 @@
1212
<li class="nav-item">
1313
<a class="nav-link {% if page.url == '/companies.html' %}active{% endif %}" href="{{ site.baseurl }}/companies.html">Get a Ruby Job</a>
1414
</li>
15+
<li class="nav-item d-none d-lg-block">
16+
<span class="nav-link disabled px-1">|</span>
17+
</li>
18+
<li class="nav-item">
19+
<a class="nav-link {% if page.url == '/organizers.html' %}active{% endif %}" href="{{ site.baseurl }}/organizers.html">Organizers</a>
20+
</li>
1521
<li class="nav-item d-lg-none">
1622
<a class="btn btn-sm btn-warning d-block my-2" href="{{ site.baseurl }}/sponsors.html">Become a Sponsor</a>
1723
</li>

‎assets/images/people/michael_lee.jpeg‎

58.1 KB
Loading

‎assets/images/people/paulo.jpeg‎

12.2 KB
Loading

‎assets/images/people/philippe.jpeg‎

8.06 KB
Loading

‎assets/images/people/weston.jpeg‎

25.1 KB
Loading

‎index.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,6 +91,10 @@ <h5>Klue</h5>
9191
object-fit: cover;
9292
object-position: center;
9393
}
94+
95+
.feature a:hover h3 {
96+
color: #dc3545 !important;
97+
}
9498
</style>
9599

96100
<div class="container px-4 py-2" id="hanging-icons">
@@ -162,7 +166,7 @@ <h3 class="fs-6 text-body-emphasis mb-0">{{ company.name }}</h3>
162166
{% assign silver_sponsors = site.data.companies | where: "sponsor_tier", "silver" %}
163167
{% if silver_sponsors.size > 0 %}
164168
<div class="container my-5">
165-
<h2 class="pb-2 border-bottom text-secondary">Silver Sponsors</h2>
169+
<h2 class="pb-2 border-bottom" style="color: #6c757d;">Silver Sponsors</h2>
166170
<div class="row g-5 py-5 row-cols-1 row-cols-lg-4">
167171
{% for company in silver_sponsors %}
168172
<div class="feature col">

‎organizers.html‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,159 @@
1+
---
2+
layout: layout
3+
title: "Organizers - VanRuby"
4+
---
5+
6+
<div class="container my-5">
7+
<div class="text-center mb-5">
8+
<h1 class="display-4 fw-bold">VanRuby Organizers</h1>
9+
<p class="lead text-muted">Meet the people who keep VanRuby running</p>
10+
</div>
11+
12+
<!-- Current Organizers -->
13+
<div class="mb-5">
14+
<h2 class="pb-2 border-bottom mb-4">Current Organizers</h2>
15+
<div class="row g-4">
16+
<div class="col-md-6">
17+
<div class="card h-100">
18+
<div class="card-body text-center">
19+
<div class="mb-3">
20+
<img src="/assets/images/people/michael_lee.jpeg" alt="Michael Lee" class="rounded-circle" width="160" height="160" style="object-fit: cover;">
21+
</div>
22+
<h3 class="card-title">Michael Lee</h3>
23+
<p class="text-muted mb-3">Co-Organizer</p>
24+
<a href="https://www.linkedin.com/in/mrleeio/" target="_blank" class="btn btn-primary">
25+
<svg class="bi me-2" width="16" height="16" fill="currentColor">
26+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#linkedin"></use>
27+
</svg>
28+
Connect on LinkedIn
29+
</a>
30+
</div>
31+
</div>
32+
</div>
33+
<div class="col-md-6">
34+
<div class="card h-100">
35+
<div class="card-body text-center">
36+
<div class="mb-3">
37+
<img src="/assets/images/people/weston.jpeg" alt="Weston Triemstra" class="rounded-circle" width="160" height="160" style="object-fit: cover;">
38+
</div>
39+
<h3 class="card-title">Weston Triemstra</h3>
40+
<p class="text-muted mb-3">Co-Organizer</p>
41+
<a href="https://www.linkedin.com/in/weston/" target="_blank" class="btn btn-primary">
42+
<svg class="bi me-2" width="16" height="16" fill="currentColor">
43+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#linkedin"></use>
44+
</svg>
45+
Connect on LinkedIn
46+
</a>
47+
</div>
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
53+
<!-- Past Organizers -->
54+
<div class="mb-5">
55+
<h2 class="pb-2 border-bottom mb-4">Past Organizers</h2>
56+
<p class="text-muted mb-4">We're grateful to these individuals who helped build and grow the VanRuby community.</p>
57+
<div class="row g-4">
58+
<div class="col-md-6">
59+
<div class="card h-100">
60+
<div class="card-body text-center">
61+
<div class="mb-3">
62+
<img src="/assets/images/people/paulo.jpeg" alt="Paulo Ancheta" class="rounded-circle" width="120" height="120" style="object-fit: cover;">
63+
</div>
64+
<h4 class="card-title">Paulo Ancheta</h4>
65+
<a href="https://www.linkedin.com/in/pauloancheta/" target="_blank" class="btn btn-sm btn-outline-primary">
66+
<svg class="bi me-2" width="16" height="16" fill="currentColor">
67+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#linkedin"></use>
68+
</svg>
69+
LinkedIn
70+
</a>
71+
</div>
72+
</div>
73+
</div>
74+
<div class="col-md-6">
75+
<div class="card h-100">
76+
<div class="card-body text-center">
77+
<div class="mb-3">
78+
<img src="/assets/images/people/philippe.jpeg" alt="Philippe Creux" class="rounded-circle" width="120" height="120" style="object-fit: cover;">
79+
</div>
80+
<h4 class="card-title">Philippe Creux</h4>
81+
<a href="https://www.linkedin.com/in/pcreux/" target="_blank" class="btn btn-sm btn-outline-primary">
82+
<svg class="bi me-2" width="16" height="16" fill="currentColor">
83+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#linkedin"></use>
84+
</svg>
85+
LinkedIn
86+
</a>
87+
</div>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
93+
<!-- Volunteers -->
94+
<div class="mb-5">
95+
<h2 class="pb-2 border-bottom mb-4">Volunteers</h2>
96+
<p class="text-muted mb-4">Thank you to our amazing volunteers who help make VanRuby events possible!</p>
97+
<div class="row g-4">
98+
<div class="col-md-4">
99+
<div class="card h-100">
100+
<div class="card-body text-center">
101+
<div class="mb-3">
102+
<svg class="bi text-muted" width="50" height="50" fill="currentColor">
103+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#person-plus"></use>
104+
</svg>
105+
</div>
106+
<h5 class="card-title text-muted">Your Name Here</h5>
107+
<p class="text-muted small">Volunteer</p>
108+
</div>
109+
</div>
110+
</div>
111+
<div class="col-md-4">
112+
<div class="card h-100">
113+
<div class="card-body text-center">
114+
<div class="mb-3">
115+
<svg class="bi text-muted" width="50" height="50" fill="currentColor">
116+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#person-plus"></use>
117+
</svg>
118+
</div>
119+
<h5 class="card-title text-muted">Your Name Here</h5>
120+
<p class="text-muted small">Volunteer</p>
121+
</div>
122+
</div>
123+
</div>
124+
<div class="col-md-4">
125+
<div class="card h-100">
126+
<div class="card-body text-center">
127+
<div class="mb-3">
128+
<svg class="bi text-muted" width="50" height="50" fill="currentColor">
129+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#person-plus"></use>
130+
</svg>
131+
</div>
132+
<h5 class="card-title text-muted">Your Name Here</h5>
133+
<p class="text-muted small">Volunteer</p>
134+
</div>
135+
</div>
136+
</div>
137+
</div>
138+
</div>
139+
140+
<!-- Get Involved -->
141+
<div class="text-center my-5 p-5 bg-body-tertiary rounded-3">
142+
<h3 class="mb-3">Want to Get Involved?</h3>
143+
<p class="lead mb-4">We're always looking for volunteers to help organize events, give talks, or contribute to the community.</p>
144+
<div class="d-flex gap-3 justify-content-center flex-wrap">
145+
<a href="https://github.com/vanruby/talks/issues/new?template=talk.yml" target="_blank" class="btn btn-secondary">Submit a Talk</a>
146+
<a href="mailto:michael@mrlee.io,weston@netsign.com?subject=VanRuby Volunteer" class="btn btn-primary">Contact Organizers</a>
147+
</div>
148+
</div>
149+
150+
<!-- Add Yourself -->
151+
<div class="alert alert-info d-flex align-items-center mt-4" role="alert">
152+
<svg class="bi flex-shrink-0 me-2" width="24" height="24" fill="currentColor">
153+
<use xlink:href="/assets/images/icons/bootstrap-icons.svg#info-circle-fill"></use>
154+
</svg>
155+
<div>
156+
Should you be featured on this page? <a href="https://github.com/vanruby/vanruby.github.io/issues/new" class="alert-link" target="_blank">Submit an issue</a> and let us know!
157+
</div>
158+
</div>
159+
</div>

0 commit comments

Comments
 (0)