generated from 11ty/eleventy-base-blog
-
-
Notifications
You must be signed in to change notification settings - Fork 5
/
pilots.njk
126 lines (109 loc) · 10.8 KB
/
pilots.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
---
layout: /layouts/base.njk
title: "Pilots"
---
{# <header class="flex relative bg-[url('/img/pilots.png')] text-center overflow-hidden text-white h-auto justify-center items-end py-[17vw] px-[4vw] bg-center bg-cover shadow-inner">
<div class="my-0 mx-auto max-w-6xl w-full">
<h1 class="text-4xl sm:text-7xl max-w-screen-lg !leading-[90px] mx-auto font-bold tracking-tight">Working with pilots.</h1>
</div>
</header> #}
<section class="my-0 mx-auto p-[6vmin] sm:px-[6vmin]">
<div class="my-0 mx-auto max-w-8xl w-full">
<div class="max-w-prose mx-auto prose prose-lg">
<h2 class="text-2xl md:text-4xl text-center font-bold tracking-tight !leading-normal mb-10 text-base-content">At Bonfire, we believe in empowering communities through close collaboration and co-designing tools together.</h2>
<p class="mt-5 md:text-xl text-base-content">
Join us in creating a cooperative ecosystem where every voice matters. We foster co-design and collaboration to empower communities. If your current tools fall short of meeting your specific needs, we're here to listen and partner with you. Together we can craft tailored solutions, whether it's a Bonfire extension to address your requirements or a fully customized digital space. Explore our ongoing collaborations with diverse communities below.</p>
</div>
<div class="max-w-screen-lg mt-24 mx-auto border-t border-base-content/30 pt-6">
<h2 class="text-2xl md:text-3xl text-left font-bold tracking-tight !leading-normal mb-6 text-base-content">Current pilots</h2>
<div class="flex flex-col gap-16">
<div class="flex items-start gap-8">
<img src="/img/openscience.png" class="w-[180px] min-w-[180px] !my-0 bg-white/60 p-4 h-[180px] rounded-lg object-cover flex-1 no-shrink" />
<div class="flex decoration-none flex-col gap-2">
<div class="text-2xl font-bold text-left">Open Science</div>
<p class="text-lg">
In this era of misinformation, establishing platforms for scientists, researchers and activists to share evidence-based information is essential for fostering informed public discourse. We're actively collaborating with great communities and activists to craft tools that facilitate the dissemination of research. Together we aim to contribute to an environment where reliable scientific knowledge can flourish, empowering individuals to engage in more informed and constructive dialogue and collaboration. </p>
<div class="flex items-center mt-2 gap-4">
<a href="/app/open-science" class="btn btn-sm rounded-full btn-outline btn-primary">View app</a>
</div>
</div>
</div>
<div class="flex items-start gap-8">
<img src="/img/os.png" class="w-[180px] min-w-[180px] !my-0 bg-white/60 h-[180px] rounded-lg object-cover flex-1 no-shrink" />
<div class="flex decoration-none flex-col gap-2">
<div class="text-2xl font-bold text-left">Community Coordination</div>
<p class="text-lg">
How can a fast-growing community of artists and musicians, committed to sharing their work and organizing events in a consent-based space, coordinate their daily activities and create a space for collaboration and participation, as well as broader communication with the audience? We are collaborating with <a target="blank" href="https://musician.social/@radiofreefedi" class="link">Radio Free Fedi</a> to design better tools and user experiences for this crucial use case.</p>
<div class="flex items-center mt-2 gap-4">
<a href="/app/community" class="btn btn-sm rounded-full btn-outline btn-primary">View app</a>
</div>
</div>
</div>
</div>
</div>
<div class="max-w-screen-lg mt-16 mx-auto pt-6">
<h2 class="text-2xl md:text-3xl text-left font-bold tracking-tight !leading-normal mb-6 text-base-content">Communities involved</h2>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 divide-x divide-y divide-base-content/30 mt-12 border-r border-b border-base-content/30">
<div class="flex flex-col gap-4 h-[540px] p-4 items-center place-content-center border-l border-t border-base-content/30">
<img src="/img/niboe_logo.webp" class="w-[180px] min-w-[180px] max-h-[180px] min-h-[180px] !my-0 bg-[#31b26d] p-4 h-[180px] rounded-lg object-cover flex-1 no-shrink" />
<div class="flex decoration-none flex-col gap-2">
<div class="text-2xl font-bold mt-2 text-center">Niboe</div>
<p class="text-lg text-center"><a target="blank" href="https://niboe.info" class="link">Niboe</a> is a scientific community of researchers and activists who use their social presence to share news, counteract disinformation and promote scientific debates to the wider public. We are working with them to develop the <a href="/apps/open_science" class="link">Open Science digital space</a>.</p>
</div>
</div>
<div class="flex flex-col border-b border-base-content/30 gap-4 h-[540px] p-4 items-center place-content-center">
<img src="/img/radiofreefedi.png" class="w-[180px] min-w-[180px] max-h-[180px] min-h-[180px] !my-0 bg-base-content/10 h-[180px] rounded-lg object-cover flex-1 no-shrink" />
<div class="flex decoration-none flex-col gap-2">
<div class="text-2xl font-bold mt-2 text-center">Radio Free Fedi</div>
<p class="text-lg text-center"> <a target="blank" href="https://musician.social/@radiofreefedi" class="link">RadioFreeFedi</a> is consent driven, non-commercial, attribution promoting, 24/7 community supported radio, with more than 400 active contributors. We are working together to design better tools and user experiences for improving p2p coordination in online communities.</p>
</div>
</div>
<div class="flex flex-col border-b border-base-content/30 gap-4 h-[540px] p-4 items-center place-content-center">
<img src="/img/rtt.png" class="w-[180px] min-w-[180px] max-h-[180px] min-h-[180px] p-4 !my-0 bg-base-content/10 h-[180px] rounded-lg object-cover flex-1 no-shrink" />
<div class="flex decoration-none flex-col gap-2">
<div class="text-2xl font-bold mt-2 text-center">Reclaim The Tech</div>
<p class="text-lg text-center"><a target="blank" href="https://reclaimthetech.it/" class="link">Reclaim The Tech</a> is a community and festival focused on discrimination by AI/algorithms, gender violence, and digital self-defence. Together we are planning workshops to imagine how transfeminist theories and practices can shape federated social networks tools and experiences.</p>
<div class="flex items-center mt-2 gap-4">
{# <a href="/apps/open_science" class="btn btn-sm rounded-full btn-outline btn-primary">View app</a> #}
{# <a href="/apps/open_science" class="btn btn-sm rounded-full btn-ghost">Join the discussion</a> #}
</div>
</div>
</div>
<div class="flex flex-col gap-4 border-r border-base-content/30 h-[540px] p-4 items-center place-content-center">
<img src="/img/logo_uxdi.jpg" class="w-[180px] min-w-[180px] max-h-[180px] min-h-[180px] p-4 !my-0 bg-white h-[180px] rounded-lg object-cover flex-1 no-shrink" />
<div class="flex decoration-none flex-col gap-2">
<div class="text-2xl font-bold mt-2 text-center">Formacion UXDI</div>
<p class="text-lg text-center"><a target="blank" href="https://reclaimthetech.it/" class="link">Formacion UXDI</a> is an educational community focused on User Experience and Inclusive Design. UXDI is an independent collective of UX professionals and organisations. Together we are researching how novel user experiences and inclusive design can create better digital spaces.</p>
<div class="flex items-center mt-2 gap-4">
{# <a href="/apps/open_science" class="btn btn-sm rounded-full btn-outline btn-primary">View app</a> #}
{# <a href="/apps/open_science" class="btn btn-sm rounded-full btn-ghost">Join the discussion</a> #}
</div>
</div>
</div>
<div class="flex flex-col gap-4 border-r border-base-content/30 h-[540px] p-4 items-center place-content-center">
<img src="/img/ld_logo.jpeg" class="w-[180px] min-w-[180px] max-h-[180px] min-h-[180px] p-4 !my-0 bg-white h-[180px] rounded-lg object-cover flex-1 no-shrink" />
<div class="flex decoration-none flex-col gap-2">
<div class="text-2xl font-bold mt-2 text-center">Learn Deep</div>
<p class="text-lg text-center"><a target="blank" href="https://reclaimthetech.it/" class="link">Learn Deep</a> is a community based in Milwaukee, focused on bringing educators and partners together to develop, pilot and scale collaborative, real-world learning experiences. We worked together to explore use-cases for a network of fab labs, using the <a href="https://valueflo.ws" target="blank">ValueFlows</a> vocabulary.</p>
<div class="flex items-center mt-2 gap-4">
{# <a href="/apps/open_science" class="btn btn-sm rounded-full btn-outline btn-primary">View app</a> #}
{# <a href="/apps/open_science" class="btn btn-sm rounded-full btn-ghost">Join the discussion</a> #}
</div>
</div>
</div>
<div class="flex flex-col gap-4 border-r border-base-content/30 h-[540px] p-4 items-center place-content-center">
<div class="w-[180px] min-w-[180px] max-h-[180px] min-h-[180px] p-4 flex !my-0 bg-white h-[180px] place-content-center items-center text-5xl rounded-lg object-cover flex-1 no-shrink" >☝️</div>
<div class="flex decoration-none flex-col gap-2">
<div class="text-2xl font-bold mt-2 text-center">Are you interested?</div>
<p class="text-lg text-center">
Are you part of a community needing new features for your digital spaces to enhance how you connect, coordinate, moderate or share content online? We're excited to hear from you and explore how we can collaboratively build the next generation of open digital spaces together. <a class="link" href="/contact">Let's start a conversation!</a></p>
<div class="flex items-center mt-2 gap-4">
{# <a href="/apps/open_science" class="btn btn-sm rounded-full btn-outline btn-primary">View app</a> #}
{# <a href="/apps/open_science" class="btn btn-sm rounded-full btn-ghost">Join the discussion</a> #}
</div>
</div>
</div>
</div>
</div>
</div>
</section>