generated from 11ty/eleventy-base-blog
-
-
Notifications
You must be signed in to change notification settings - Fork 5
/
community.njk
201 lines (193 loc) · 19.6 KB
/
community.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
---
layout: /layouts/base.njk
title: "Participate in the ecosystem"
---
<div class="max-w-screen-lg mb-12 mx-4 2xl:max-w-screen-xl lg:mx-auto">
<h1 class="mt-20 mb-4 text-center text-3xl font-extrabold sm:text-4xl">Participate in the ecosystem</h1>
<h2 class="text-2xl max-w-screen-md mx-auto text-center text-base-content/50">Bonfire is an open source software built by a small team. Any contribution is valuable to push the development further. If you don't see how you can help or have something else in mind, don't hesitate to get in touch with us.</h2>
<div class="flex items-center place-content-center gap-3 mt-8">
<a href="https://indieweb.social/@bonfire" target="_blank" class="normal-case rounded-full !border !border-base-content/30 btn btn-outline ">Follow</a>
<a href="https://matrix.to/#/%23bonfire-networks:matrix.org" target="_blank" class="normal-case rounded-full btn-ghost btn ">Join our Matrix chat</a>
</div>
</div>
</div>
<div class="pb-40 mt-16 border-t section--bg border-base-content/10">
<div class="skew-y-2">
<div class="max-w-screen-lg mx-4 mt-16 2xl:max-w-screen-xl lg:mx-auto lg:mt-24">
<div>
<div class="flex items-center place-content-center gap-8 pb-6 lg:place-content-start">
<div class="w-[42px] h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect x="0" y="0" width="32" height="32" fill="none" stroke="none" /><path fill="currentColor" d="M26 14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2v4.1a5 5 0 0 0-3.9 3.9H14v-2a2 2 0 0 0-2-2h-2v-4.1a5 5 0 1 0-2 0V18H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-2h4.1a5 5 0 1 0 5.9-5.9V14ZM6 9a3 3 0 1 1 3 3a3 3 0 0 1-3-3Zm6 17H6v-6h6Zm14-3a3 3 0 1 1-3-3a3 3 0 0 1 3 3ZM20 6h6v6h-6Z"/></svg>
</div>
<div class="text-[32px] font-bold tracking-wider">Participate</div>
</div>
<ul class="lg:ml-[74px] mt-2 grid grid-cols-1 gap-6 md:grid-cols-2 xl:grid-cols-3">
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Play</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">Create a account on our test instance and report any feedback and bugs you encounter. We may reset the data from time to time, so do not rely on it for main account.</span>
</div>
<a href="https://campground.bonfire.cafe/" target="blank" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Sign up on the campground</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="font-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Code</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">There are different ways to start contributing to the codebase; Check out the docs to setup a local environment, or look at a good first issue.</span>
</div>
<a href="https://github.com/bonfire-networks/bonfire-app/issues?q=is%3Aissue+is%3Aopen+label%3A%22Good+first+issue%22" target="blank" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Good first issues</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Discuss</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">Have an idea about a new feature or a better user experience for an existing one? We're all ears, we're currently using GitHub to collect all the suggestions</span>
</div>
<a target="blank" href="https://github.com/bonfire-networks/bonfire-app/issues/new/choose" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Open an issue</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Translate</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">We are looking for people to help translate the project into different languages on Transifex.</span>
</div>
<a href="https://explore.transifex.com/bonfire/bonfire/" target="blank" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Go to transifex</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Share</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">Promote the project on social media, mention @[email protected] or link to the website - trusted word of mouths is invaluable.</span>
</div>
<a href="https://indieweb.social/@bonfire" target="blank" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Find us on the fediverse</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
{# <li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Star</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">Even simply starring bonfire on github makes a difference for us</span>
</div>
<a class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Star Bonfire</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li> #}
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Organize</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">We're always happy to engage with communities, coops, collectives and groups to discuss how bonfire can fit as their digital space.</span>
</div>
<a href="mailto:[email protected]" target="blank" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Let's chat</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
</ul>
</div>
<div class="mt-24">
<div class="flex items-center place-content-center gap-8 pb-6 lg:place-content-start">
<div class="w-[42px] h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.212 2.237a.75.75 0 0 0-1.423-.474l-.75 2.249a.75.75 0 0 0 1.423.474l.75-2.249Zm4.568-.017a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06l2.5-2.5a.75.75 0 0 1 1.06 0ZM9.076 4.318a2.325 2.325 0 0 1 3.795-.577l7.006 7.506a2.325 2.325 0 0 1-.758 3.712l-3.42 1.516a4 4 0 0 1-7.314 3.24l-1.417.628a1.8 1.8 0 0 1-1.964-.336L3.565 18.65a1.8 1.8 0 0 1-.387-2.091l5.898-12.24Zm.682 14.789a2.5 2.5 0 0 0 4.569-2.024l-4.57 2.024Zm2.016-14.342a.825.825 0 0 0-1.346.204L4.53 17.21a.3.3 0 0 0 .064.349l1.439 1.356a.3.3 0 0 0 .327.056l12.151-5.383a.825.825 0 0 0 .27-1.317l-7.007-7.506ZM19 8.249a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75Z"/></svg>
</div>
<div class="text-[32px] font-bold tracking-wider">Stay up to date</div>
</div>
<ul class="lg:ml-[74px] mt-2 grid grid-cols-1 gap-6 md:grid-cols-2 xl:grid-cols-3">
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="font-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Follow</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">Follow us on the fediverse, where we try to communicate any news and updates and engage in discussions (when we can)</span>
</div>
<a href="https://indieweb.social/@bonfire" target="blank" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Follow on the fediverse</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Read</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">From time to time, we publish blogposts that span from development updates to events participation.</span>
</div>
<a href="/blog" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Read the blog</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Subscribe</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">Every 2 week (maximum) we try to send a short newsletter that summarizes the latest Bonfire news.</span>
</div>
<a href="/subscribe" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Subscribe to the newsletter</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="ont-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Talk</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">Want to engage more directly with the team and the community? Join our chat for more day to day discussions and updates.</span>
</div>
<a href="https://matrix.to/#/%23bonfire-networks:matrix.org" target="_blank" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Join matrix chat</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
</ul>
</div>
<div class="mt-24">
<div class="flex place-content-center lg:place-content-start items-center gap-8 pb-6">
<div class="w-[42px] h-[42px] bg-gradient-to-tr from-[#7B4397] to-[#DC2430] flex place-content-center items-center rounded-xl shadow-xl">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path d="M16 6.28a2.28 2.28 0 0 1-.662 1.606c-.976.984-1.923 2.01-2.936 2.958a.597.597 0 0 1-.822-.017l-2.918-2.94a2.281 2.281 0 0 1 0-3.214a2.277 2.277 0 0 1 3.232 0L12 4.78l.106-.107A2.276 2.276 0 0 1 16 6.28Z"/><path stroke-linecap="round" d="m18 20l3.824-3.824a.6.6 0 0 0 .176-.424V10.5A1.5 1.5 0 0 0 20.5 9v0a1.5 1.5 0 0 0-1.5 1.5V15"/><path stroke-linecap="round" d="m18 16l.858-.858a.484.484 0 0 0 .142-.343v0a.485.485 0 0 0-.268-.433l-.443-.221a2 2 0 0 0-2.308.374l-.895.895a2 2 0 0 0-.586 1.414V20M6 20l-3.824-3.824A.6.6 0 0 1 2 15.752V10.5A1.5 1.5 0 0 1 3.5 9v0A1.5 1.5 0 0 1 5 10.5V15"/><path stroke-linecap="round" d="m6 16l-.858-.858A.485.485 0 0 1 5 14.799v0c0-.183.104-.35.268-.433l.443-.221a2 2 0 0 1 2.308.374l.895.895a2 2 0 0 1 .586 1.414V20"/></g></svg>
</div>
<div class="text-[32px] font-bold tracking-wider">Support</div>
</div>
<ul class="lg:ml-[74px] mt-2 grid grid-cols-1">
<li class="flex-1 rounded-box bg-gradient-to-t from-base-content/5 to-base-content/40 p-[0.075rem]">
<div class="border-b rounded-box flex-1 h-full border-base-content/20 bg-base-100 p-8">
<b class="font-bold underline mr-1.5 underline-offset-4 decoration-2 decoration-primary tracking-wider uppercase">Donate</b>
<div class="flex items-center mt-3 gap-3">
<span class="text-base-content/70 text-base">Bonfire is supported by folks like you who want to invest in safe, reusable and long lasting federated tools to rely on.</span>
</div>
<a href="https://opencollective.com/bonfire-networks" target="_blank" class="flex items-center gap-3 link link-hover mt-3 text-sm text-primary normal-case">
<span>Contribute on Open Collective</span>
<svg class="w-5 h-5 text-primary" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><rect x="0" y="0" width="24" height="24" fill="none" stroke="none" /><path fill="currentColor" d="m14 18l-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45L14 6l6 6Z"/></svg>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>