Skip to content

Commit fd82e88

Browse files
tombentleytombentley
committed
Add a "join us" page
Signed-off-by: Tom Bentley <[email protected]>
1 parent 1dda646 commit fd82e88

File tree

2 files changed

+158
-0
lines changed

2 files changed

+158
-0
lines changed

‎_includes/nav.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,14 @@
4545
<li class="nav-item py-lg-1 col-lg-auto">
4646
<div class="vr d-none d-lg-flex h-100 text-white"></div>
4747
</li>
48+
<li class="nav-item col-6 col-lg-auto">
49+
<a class="nav-link {% if path_components[0] == 'join-us' %}active{% endif %} krx-nav-link py-2 px-0 px-lg-4" href="{{ '/join-us/' | absolute_url }}">
50+
Join us
51+
</a>
52+
</li>
53+
<li class="nav-item py-lg-1 col-lg-auto">
54+
<div class="vr d-none d-lg-flex h-100 text-white"></div>
55+
</li>
4856
<li class="nav-item col-6 col-lg-auto">
4957
<a class="nav-link {% if path_components[0] == 'blog' %}active{% endif %} krx-nav-link py-2 px-0 px-lg-4" href="{{ '/blog/' | absolute_url }}">
5058
Blog

‎join-us/index.md‎

Lines changed: 150 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,150 @@
1+
---
2+
layout: default
3+
title: Join Us!
4+
---
5+
6+
<div class="row align-items-start justify-content-center my-5">
7+
<div class="col-lg-3 mb-5" role="complementary" aria-labelledby="page-title">
8+
<div class="card shadow px-2 mx-2">
9+
<div class="card-body">
10+
<h1 id="page-title" class="fs-3">{{ page.title }}</h1>
11+
<p>Are you interested in helping to build the best open source proxy for Apache Kafka?
12+
Good news: You're welcome to participate!</p>
13+
<p>We welcome everyone to contribute in a respectful and inclusive environment. See our <a href="https://github.com/kroxylicious/.github/blob/main/CODE_OF_CONDUCT.md">Code of Conduct</a>.</p>
14+
<p>Whatever your experience or background, there are many ways to support and contribute to Kroxylicious.</p>
15+
</div>
16+
</div>
17+
</div>
18+
<div class="col-lg-6" role="main">
19+
<div>
20+
<h3 style="display: flex; align-items: center; gap: 0.5em;">Connect</h3>
21+
<div class="row row-cols-1 row-cols-md-2 g-4">
22+
<div class="col">
23+
<div class="card shadow mb-2 mx-2 h-100">
24+
<div class="card-header"><h2 class="card-title fs-4">Connect on Slack</h2></div>
25+
<div class="card-body mx-3 my-2">
26+
<p>Connect on the <a href="https://kroxylicious.slack.com/archives/C050RNMQW8G">#general</a> channel on the Kroxylicious Slack workspace.</p>
27+
</div>
28+
<div class="card-footer text-center">
29+
<a href="https://join.slack.com/t/kroxylicious/shared_invite/zt-1rzjijq6d-x7At3bfPiPqFEqc9RmNhYA" class="btn btn-primary">Get Slack invite</a>
30+
</div>
31+
</div>
32+
</div>
33+
<div class="col">
34+
<div class="card shadow mb-2 mx-2 h-100">
35+
<div class="card-header"><h2 class="card-title fs-4">Follow us on Bluesky</h2></div>
36+
<div class="card-body mx-3 my-2">
37+
<p>Follow us on Bluesky, and share your Kroxylicious story.</p>
38+
</div>
39+
<div class="card-footer text-center">
40+
<a href="https://bsky.app/profile/kroxylicious.io" class="btn btn-primary">Follow on Bluesky</a>
41+
</div>
42+
</div>
43+
</div>
44+
<div class="col">
45+
<div class="card shadow mb-2 mx-2 h-100">
46+
<div class="card-header"><h2 class="card-title fs-4">Follow on X</h2></div>
47+
<div class="card-body mx-3 my-2">
48+
<p>Follow us on X, and share your Kroxylicious story.</p>
49+
</div>
50+
<div class="card-footer text-center">
51+
<a href="https://x.com/kroxylicious" class="btn btn-primary">Follow on X</a>
52+
</div>
53+
</div>
54+
</div>
55+
<div class="col">
56+
<div class="card shadow mb-2 mx-2 h-100">
57+
<div class="card-header"><h2 class="card-title fs-4">Join our monthly Office Hours</h2></div>
58+
<div class="card-body mx-3 my-2">
59+
<p>Sometimes it's just easier to talk face-to-face.
60+
We have a meeting every month that's open to anyone to come along.</p>
61+
<p>The date an time is advertised on the <a href="https://kroxylicious.slack.com/archives/C050RNMQW8G">#general</a> Slack channel.</p>
62+
</div>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
<hr class="section-divider"/>
68+
<div>
69+
<h3 style="display: flex; align-items: center; gap: 0.5em;">Contribute</h3>
70+
<div class="row row-cols-1 row-cols-md-2 g-4">
71+
<div class="col">
72+
<div class="card shadow mb-2 mx-2 h-100">
73+
<div class="card-header"><h2 class="card-title fs-4">Contribute a use case</h2></div>
74+
<div class="card-body mx-3 my-2">
75+
<p>Have you got a use case for a proxy? Tell us!</p>
76+
<p>Kroxylicious might be the perfect fit, and we can help explain how.</p>
77+
<p>And if not there's a great chance your use case can help shape the future direction of the project.</p>
78+
</div>
79+
</div>
80+
</div>
81+
<div class="col">
82+
<div class="card shadow mb-2 mx-2 h-100">
83+
<div class="card-header"><h2 class="card-title fs-4">Contribute a proposal</h2></div>
84+
<div class="card-body mx-3 my-2">
85+
<p>We take our public APIs seriously and review changes carefully to ensure
86+
they're supportable in the long run.</p>
87+
<p>You can propose API changes by opening a propsal in the design repo.</p>
88+
</div>
89+
<div class="card-footer text-center">
90+
<a href="https://github.com/kroxylicious/design" class="btn btn-primary">Take me there!</a>
91+
</div>
92+
</div>
93+
</div>
94+
<div class="col">
95+
<div class="card shadow mb-2 mx-2 h-100">
96+
<div class="card-header"><h2 class="card-title fs-4">Contribute to the docs</h2></div>
97+
<div class="card-body mx-3 my-2">
98+
<p>Fix typos, improve clarity or write new content.</p>
99+
<p>We use the "documentation" label on issues and PRs for things related to documentation</p>
100+
</div>
101+
<div class="card-footer text-center">
102+
<a href="https://github.com/kroxylicious/kroxylicious/issues?q=is%3Aissue%20state%3Aopen%20label%3Adocumentation" class="btn btn-primary">Documentation issues</a>
103+
</div>
104+
</div>
105+
</div>
106+
<div class="col">
107+
<div class="card shadow mb-2 mx-2 h-100">
108+
<div class="card-header"><h2 class="card-title fs-4">Contribute your first PR</h2></div>
109+
<div class="card-body mx-3 my-2">
110+
<p>This is a big, and growing project. We know it can be hard to know where to start.</p>
111+
<p>One way is to try fixing a simple issue. Look for the `good first issue` and `help wanted` label on issues.</p>
112+
</div>
113+
<div class="card-footer text-center">
114+
<a href="https://github.com/kroxylicious/kroxylicious/issues?q=state%3Aopen%20label%3A%22good%20first%20issue%22" class="btn btn-primary">Good first issues</a>
115+
</div>
116+
</div>
117+
</div>
118+
</div>
119+
</div>
120+
<hr class="section-divider"/>
121+
<div>
122+
<h3 style="display: flex; align-items: center; gap: 0.5em;">Share</h3>
123+
<div class="row row-cols-1 row-cols-md-2 g-4">
124+
<div class="col">
125+
<div class="card shadow mb-2 mx-2 h-100">
126+
<div class="card-header"><h2 class="card-title fs-4">Write for the blog</h2></div>
127+
<div class="card-body mx-3 my-2">
128+
<p>Do you have a long-form Kroxylicious story to tell?</p>
129+
<p>Maybe it's a tutorial, or a production experience.</p>
130+
<p>You're welcome to share with the world by publishing it on our blog.</p>
131+
</div>
132+
</div>
133+
</div>
134+
<div class="col">
135+
<div class="card shadow mb-2 mx-2 h-100">
136+
<div class="card-header"><h2 class="card-title fs-4">Showcase your adoption</h2></div>
137+
<div class="card-body mx-3 my-2">
138+
<p>People (unlike <a href="https://en.wikipedia.org/wiki/Crocodilia">crocodilians</a>) often like to follow the herd.
139+
If you're using Kroxylicious, let people know so they're encouraged to give it a try.
140+
Adding your company or organization to our ADOPTERS.md file helps.</p>
141+
</div>
142+
<div class="card-footer text-center">
143+
<a href="https://github.com/kroxylicious/kroxylicious/blob/main/ADOPTERS.md" class="btn btn-primary">Our ADOPTERS.md file</a>
144+
</div>
145+
</div>
146+
</div>
147+
</div>
148+
</div>
149+
</div>
150+
</div>

0 commit comments

Comments
 (0)