-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
218 lines (205 loc) · 12.7 KB
/
index.html
File metadata and controls
218 lines (205 loc) · 12.7 KB
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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
---
layout: default
title: "Collective Futurecrafting - Start a Circle"
description: "Gather a few people. Sit together. Listen deeply. That's where everything begins."
keywords: "collective futurecrafting, start a circle, community gathering, regenerative futures, presencing circle"
date: 2024-12-13 00:00
---
<!-- Hero Section -->
<section class="hero" aria-labelledby="hero-heading">
<div class="container">
<div class="hero-text">
<h1 id="hero-heading">Start a Circle</h1>
<p>Gather a few people. Sit together. Listen deeply.<br>That's where everything begins.</p>
<a href="#how" class="button button--primary" role="button">Here's how</a>
</div>
</div>
</section>
<!-- The Question — full-bleed dark section -->
<section class="cf-question" aria-label="An invitation to reflect">
<div class="cf-question__inner">
<blockquote>
<p>When was the last time you cried with someone?</p>
</blockquote>
<p>Most of us can't remember. We've lost the spaces where we can be fully human together — where grief, joy, confusion, and hope can all be held. A circle is the simplest technology for remembering how to do this. People have been doing it for tens of thousands of years.</p>
</div>
</section>
<!-- What is a Circle -->
<section class="container" aria-labelledby="what-heading">
<div class="section-heading">
<h2 id="what-heading">What is a circle?</h2>
<p>A circle is 3–7 people who gather regularly to be present together, listen deeply, and sense what wants to emerge. It's not a committee, a book club, or a support group — though it can hold elements of all these. It's the oldest form of human organising, and the foundation for everything that follows.</p>
<p>In a circle, there's no audience and no stage. Everyone is both speaker and witness. Hierarchy dissolves. And from that shared presence, something becomes possible that wasn't before.</p>
</div>
</section>
<!-- How to Start -->
<section id="how" class="container" aria-labelledby="how-heading">
<div class="section-heading">
<h2 id="how-heading">Start yours this week</h2>
<p>You don't need training, certification, or permission. You need a few people and a place.</p>
</div>
</section>
<article class="story-journey">
<section class="story-section" aria-labelledby="step-1-heading">
<div class="story-container">
<div class="story-text">
<h3 id="step-1-heading">1. Invite 2–6 people</h3>
<p>Neighbours. Friends. Colleagues. People you sense might be ready for something deeper than small talk. Send a simple message: <em>"I'd like to try gathering a small circle to be present together, share what's alive in us, and listen. No agenda. Interested?"</em></p>
</div>
<div class="story-image">
<img src="assets/images/people-around-fire.svg" alt="People sitting in a circle around a fire in nature" />
</div>
</div>
</section>
<section class="story-section" aria-labelledby="step-2-heading">
<div class="story-container">
<div class="story-image">
<img src="assets/images/tapestry-of-life.svg" alt="Tapestry of life illustration showing interconnected threads" />
</div>
<div class="story-text">
<h3 id="step-2-heading">2. Choose a place</h3>
<p>Your backyard. A living room. A park bench. A community garden. Somewhere you can sit facing each other without distraction. Outdoors is wonderful if you can. The land is part of the circle too.</p>
</div>
</div>
</section>
<section class="story-section" aria-labelledby="step-3-heading">
<div class="story-container">
<div class="story-text">
<h3 id="step-3-heading">3. Pick a rhythm</h3>
<p>Weekly is ideal. Fortnightly works. Monthly is the minimum for trust to build. Same time, same place. Consistency is what turns a meeting into a practice, like a heartbeat that the group can rely on.</p>
</div>
<div class="story-image">
<img src="assets/images/clash-of-patterning.svg" alt="Illustration of patterns emerging" />
</div>
</div>
</section>
<section class="story-section" aria-labelledby="step-4-heading">
<div class="story-container">
<div class="story-image">
<img src="assets/images/many-circles.svg" alt="Illustration of many circles gathering" />
</div>
<div class="story-text">
<h3 id="step-4-heading">4. Gather and begin</h3>
<p>Arrive. Settle. Breathe together. Then use the simple practice below. That's it. No preparation needed beyond showing up with an open heart.</p>
</div>
</div>
</section>
</article>
<!-- The Practice — single content-pod is fine here -->
{% include content-pod.html
theme="terra-sky"
padding="large"
content="<h2>Presencing Circle</h2>
<p class='protocol-note'>45–90 minutes · no materials needed</p>
<p>This is a starting point, not a script. Your circle will find its own rhythm. Trust the process.</p>
<ol class='protocol-list'>
<li><strong>Arrive together</strong> — Sit so everyone can see everyone. Take a minute of silence. Feel your feet on the ground. Notice you're not alone.</li>
<li><strong>Set a simple intention</strong> — Someone says: <em>'We're here to get present together and see what wants to emerge.'</em></li>
<li><strong>Share the guidelines</strong> — Welcome whatever shows up. Speak from what's alive in you right now. Listen with your whole being. Let there be silence between speakers.</li>
<li><strong>Open with a question</strong> — Try: <em>'What's alive in you right now?'</em> or <em>'What are you carrying that you'd like to set down here?'</em> Let each person speak without response. Simply witness.</li>
<li><strong>Let conversation emerge</strong> — After the opening round, let things flow naturally. Speak when moved. Don't rush to fill silence — the spaces between words hold something too.</li>
<li><strong>Close together</strong> — Go around one more time. Each person shares one word or phrase that captures their experience. Then a moment of silence to honour what was shared.</li>
</ol>
<p class='protocol-note'><em>There's no facilitator needed — though someone might naturally hold the rhythm. Rotate this role if it emerges. The circle is the teacher.</em></p>"
%}
<!-- Six Guidelines -->
<section class="container cf-guidelines" aria-labelledby="guidelines-heading">
<div class="section-heading">
<h2 id="guidelines-heading">Six things that help a circle thrive</h2>
</div>
<div class="cf-guidelines__list">
<div class="cf-guideline">
<h3>Welcome whatever shows up</h3>
<p>Grief, joy, confusion, anger, silence, laughter. None of it is wrong. A circle that can hold the full range of human experience becomes a place where real things can happen.</p>
</div>
<div class="cf-guideline">
<h3>Speak from what's alive in you</h3>
<p>Not theory, not opinions about the news — what you're actually feeling and experiencing right now. This is the shift from talking about life to being in it together.</p>
</div>
<div class="cf-guideline">
<h3>Listen without fixing</h3>
<p>When someone shares, your job isn't to solve their problem or offer advice. Your presence — your full, quiet attention — is enough. Being witnessed is its own medicine.</p>
</div>
<div class="cf-guideline">
<h3>Let silence breathe</h3>
<p>Pauses aren't awkward — they're where things settle and deepen. Resist the urge to fill every gap. Some of the most important things in a circle happen in the quiet.</p>
</div>
<div class="cf-guideline">
<h3>Keep it consistent</h3>
<p>Show up even when you're tired. Even when it's raining. Rhythm builds trust, and trust builds everything else. Three people who keep showing up will create more than thirty who don't.</p>
</div>
<div class="cf-guideline">
<h3>Start small, stay patient</h3>
<p>The first few gatherings might feel tentative. That's normal. You're growing something alive. Root systems develop in the dark before anything becomes visible above ground.</p>
</div>
</div>
</section>
<!-- What Grows From Here -->
<section class="content-grid" aria-labelledby="grows-heading">
<div class="container">
<div class="section-heading">
<h2 id="grows-heading">What grows from here</h2>
<p>A circle is complete in itself — it doesn't need to become anything else. But when circles develop trust and rhythm, possibilities naturally emerge.</p>
</div>
<div class="grid">
<article class="card card--terracotta">
<h3>Shared projects emerge</h3>
<p>A circle might start a community garden, organise a street gathering, launch a repair cafe, or tend to a local waterway. Action flows from relationship, not obligation.</p>
</article>
<article class="card card--olive-green">
<h3>Circles find each other</h3>
<p>When circles in the same area connect, something larger starts breathing. Shared resources, cross-pollinated ideas, collective responses to local challenges.</p>
</article>
<article class="card card--sun-gold">
<h3>Healing deepens</h3>
<p>As trust grows, what people bring to the circle deepens too. Grief about the state of the world. Old wounds. Fears for children's futures. Held together, these become fuel rather than weight.</p>
</article>
<article class="card card--sky-blue">
<h3>New imaginings arise</h3>
<p>Groups that have grieved together and built trust can imagine together in ways that isolated individuals cannot. The future stops being abstract and starts being something you craft with your hands and hearts.</p>
</article>
</div>
</div>
</section>
<!-- FAQ -->
<section class="container cf-faq" aria-labelledby="faq-heading">
<div class="section-heading">
<h2 id="faq-heading">Questions you might have</h2>
</div>
<div class="cf-faq__list">
<div class="cf-faq__item">
<h3>"I'm not a facilitator. Can I really do this?"</h3>
<p>Yes. A circle doesn't need a facilitator — it needs someone willing to send the first invitation. The practice itself does the holding. You're not leading, you're hosting. Think: inviting friends for a meal, not running a workshop.</p>
</div>
<div class="cf-faq__item">
<h3>"What if nobody comes?"</h3>
<p>Two people is a circle. Start there. The smallest mycorrhizal networks begin with a single connection between two root systems. That connection, tended consistently, is how forests communicate.</p>
</div>
<div class="cf-faq__item">
<h3>"What if it gets emotional or intense?"</h3>
<p>Good. That means something real is happening. You don't need to be a therapist. You need to stay present, keep breathing, and trust that the circle can hold what arises. People are more resilient than we give them credit for, especially when they're not alone.</p>
</div>
<div class="cf-faq__item">
<h3>"How is this different from a support group or book club?"</h3>
<p>A support group has a problem to solve. A book club has a topic to discuss. A circle has no agenda except presence. You're not trying to fix anything — you're rebuilding the basic human capacity to be together in a way that's real. Everything else grows from that.</p>
</div>
<div class="cf-faq__item">
<h3>"What does this have to do with the future?"</h3>
<p>Everything. The quality of our collective decisions — about climate, governance, technology, how we care for each other — depends entirely on the quality of our relationships. High-quality shared attention precedes high-quality shared action. This is where that attention gets built.</p>
</div>
<div class="cf-faq__item">
<h3>"Is there a broader network?"</h3>
<p>Collective Futurecrafting is a growing web of circles, practices, and people working to craft flourishing futures together. Your circle is part of this whether or not you ever connect with anyone else. But when you're ready, the network is here. Share your story with us — we'd love to hear what emerges.</p>
</div>
</div>
</section>
<!-- Closing CTA -->
<section class="story-hero" aria-labelledby="closing-heading">
<div class="story-hero-container">
<div class="story-hero-text">
<h2 id="closing-heading">The only thing needed is your willingness to begin</h2>
<p>You don't need to understand all of Collective Futurecrafting. You don't need to have read the right books or attended the right workshops. You need a few people, a place to sit, and the courage to ask: <em>what's alive in you right now?</em></p>
</div>
<a href="{{ '/join/' | relative_url }}" class="button button--primary" role="button">Join the network</a>
</div>
</section>