Update website content: hero date/place, footer, organizer info, email domain

- Add date (June 7–13, 2026) and location (Commons Hub, Austria) to hero section
- Remove floating cards from about section, switch to single-column layout
- Update Digital Publishing text to remove TBC partner names
- Update organizer team text with new orgs and CCA/Commons Hub collaboration
- Remove "Reality is a design space" tagline from all footers
- Add conveners, sponsors, and promotional partners sections to footer
- Update accommodation, food, and cost estimate text on financial transparency page
- Fix email domain: hello@worldplay.earthhello@worldplay.art
- Update confirmation email template with revised copy and bullet list
- Remove tagline from confirmation email

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-03-06 15:51:16 -08:00
parent bc70718976
commit d1203dfed5
4 changed files with 90 additions and 104 deletions

View File

@ -13,3 +13,4 @@ auto_commit: false
bypass_git_hooks: false bypass_git_hooks: false
check_active_branches: true check_active_branches: true
active_branch_days: 30 active_branch_days: 30
task_prefix: "task"

View File

@ -390,7 +390,7 @@
<span class="price-tag">~€50</span> <span class="price-tag">~€50</span>
<span class="price-note">Standard participation fee</span> <span class="price-note">Standard participation fee</span>
</div> </div>
<p>No one from the organizing team is being paid from participation fees, and all organizers are covering their own travel, food and accommodation. All fees go directly toward venue costs, shared resources, and programme materials.</p> <p>All fees go directly toward venue costs, shared resources, and programme materials. No one from the organizing team is being paid from participation fees, and much of the work is voluntary.</p>
</div> </div>
<div class="card"> <div class="card">
@ -399,8 +399,7 @@
<span class="price-tag">€37.90/night</span> <span class="price-tag">€37.90/night</span>
<span class="price-note">Shared dormitory-style rooms at Commons Hub</span> <span class="price-note">Shared dormitory-style rooms at Commons Hub</span>
</div> </div>
<p>Accommodation includes shared dormitory-style rooms with basic amenities. Bedding and towels are provided. The Commons Hub offers a co-living environment that fosters community and collaboration.</p> <p>Accommodation includes mostly shared dormitory-style rooms with basic amenities at either the Commons Hub or Herrnhof Villa. Bedding and towels are provided. After registering interest, participants will receive a short form outlining the available accommodation options and corresponding prices.</p>
<p>We're working on potential subsidies to reduce accommodation costs—stay tuned for updates.</p>
</div> </div>
<div class="card"> <div class="card">
@ -421,7 +420,7 @@
</div> </div>
</div> </div>
<p>The self-organized days are part of the WORLDPLAY ethos—cooking together builds community and allows for creative collaboration outside of sessions.</p> <p>The self-organised days are part of the WORLDPLAY ethos. Organising, cooking, and sharing meals together helps build community and conviviality. At least one evening will feature a post-capitalist experiential futures dining experience.</p>
</div> </div>
<div class="card"> <div class="card">
@ -455,14 +454,14 @@
</tbody> </tbody>
</table> </table>
<p style="font-size: 0.9rem;"><em>This is an estimate. Final costs may vary slightly based on actual meal arrangements and any accommodation subsidies we secure.</em></p> <p style="font-size: 0.9rem;"><em>This is an estimate. Final costs may vary slightly based on duration of stay, meal arrangements and accommodation preferences.</em></p>
</div> </div>
<div class="card cta-card"> <div class="card cta-card">
<h2><span class="icon">💜</span> Need Financial Support?</h2> <h2><span class="icon">💜</span> Need Financial Support?</h2>
<p>We believe that financial constraints should not prevent anyone from participating in prefiguring postcapitalist futures. If you need support, please reach out—we'll do our best to help.</p> <p>We believe that financial constraints should not prevent anyone from participating in prefiguring postcapitalist futures. If you need support, please reach out—we'll do our best to help.</p>
<div style="margin-top: 1.5rem;"> <div style="margin-top: 1.5rem;">
<a href="mailto:hello@worldplay.earth" class="btn btn-primary">Contact Us</a> <a href="mailto:hello@worldplay.art" class="btn btn-primary">Contact Us</a>
<a href="/#register" class="btn btn-secondary">Register Interest</a> <a href="/#register" class="btn btn-secondary">Register Interest</a>
</div> </div>
</div> </div>
@ -471,7 +470,7 @@
<footer> <footer>
<div class="container"> <div class="container">
<p>WORLDPLAY 2026 · <a href="/">Back to main site</a> · <span style="color: var(--accent-purple);">Reality is a design space</span></p> <p>WORLDPLAY 2026 · <a href="/">Back to main site</a></p>
</div> </div>
</footer> </footer>
</body> </body>

View File

@ -382,7 +382,7 @@
.about-content { .about-content {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr;
gap: 4rem; gap: 4rem;
align-items: center; align-items: center;
} }
@ -402,69 +402,6 @@
color: var(--text-primary); color: var(--text-primary);
} }
.about-visual {
position: relative;
height: 400px;
}
.floating-card {
position: absolute;
background: var(--bg-card);
border: 1px solid rgba(157, 78, 221, 0.3);
border-radius: 8px;
padding: 1.5rem;
font-family: 'Space Mono', monospace;
font-size: 0.85rem;
backdrop-filter: blur(10px);
transition: all 0.3s;
}
.floating-card:hover {
border-color: var(--accent-cyan);
transform: scale(1.05) !important;
}
.floating-card:nth-child(1) {
top: 0;
left: 0;
animation: float 6s ease-in-out infinite;
}
.floating-card:nth-child(2) {
top: 20%;
right: 0;
animation: float 6s ease-in-out infinite 1s;
}
.floating-card:nth-child(3) {
bottom: 5%;
left: 10%;
animation: float 6s ease-in-out infinite 2s;
}
.floating-card:nth-child(4) {
top: 50%;
right: 0;
animation: float 6s ease-in-out infinite 3s;
}
.floating-card:nth-child(5) {
bottom: 5%;
right: 5%;
animation: float 6s ease-in-out infinite 4s;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-15px); }
}
.floating-card .emoji {
font-size: 2rem;
margin-bottom: 0.5rem;
display: block;
}
/* Location Section */ /* Location Section */
.location { .location {
background: var(--bg-card); background: var(--bg-card);
@ -1090,6 +1027,46 @@
font-size: 0.9rem; font-size: 0.9rem;
} }
.footer-logos {
text-align: center;
padding-top: 2rem;
margin-top: 2rem;
border-top: 1px solid rgba(157, 78, 221, 0.1);
}
.footer-logos h4 {
font-family: 'Space Mono', monospace;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.15em;
color: var(--text-secondary);
margin-bottom: 1rem;
}
.footer-logos-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
}
.footer-logos-row img {
max-height: 48px;
opacity: 0.8;
transition: opacity 0.3s;
}
.footer-logos-row img:hover {
opacity: 1;
}
.footer-logos-row span {
color: var(--text-secondary);
font-size: 0.9rem;
}
/* Cursor trail effect */ /* Cursor trail effect */
.cursor-trail { .cursor-trail {
position: fixed; position: fixed;
@ -1235,6 +1212,11 @@
<h1><span class="highlight">WORLD</span>PLAY</h1> <h1><span class="highlight">WORLD</span>PLAY</h1>
<p class="subtitle">(TO BE DEFINED)</p> <p class="subtitle">(TO BE DEFINED)</p>
<div class="hero-meta">
<div class="meta-item">📅 June 713, 2026</div>
<div class="meta-item">📍 Commons Hub, Austria</div>
</div>
<div class="cta-group"> <div class="cta-group">
<a href="#register" class="btn btn-primary">Register Interest</a> <a href="#register" class="btn btn-primary">Register Interest</a>
<a href="#programme" class="btn btn-secondary">Explore Programme</a> <a href="#programme" class="btn btn-secondary">Explore Programme</a>
@ -1259,28 +1241,6 @@
<p>Part experimental/experiential playground, part aspiring peer-to-peer guerrilla futuring social network, WORLDPLAY channels international and intersectional postcapitalist desire through a seed offering of counter-hegemonic fiction engines and games as social organisations.</p> <p>Part experimental/experiential playground, part aspiring peer-to-peer guerrilla futuring social network, WORLDPLAY channels international and intersectional postcapitalist desire through a seed offering of counter-hegemonic fiction engines and games as social organisations.</p>
</div> </div>
<div class="about-visual">
<div class="floating-card">
<span class="emoji">🎭</span>
Reality-bending
</div>
<div class="floating-card">
<span class="emoji">✒️</span>
Economic<br>sci-fi
</div>
<div class="floating-card">
<span class="emoji">🎲</span>
Games as<br>organisations
</div>
<div class="floating-card">
<span class="emoji">🌐</span>
Parallel<br>worlding
</div>
<div class="floating-card">
<span class="emoji">🔮</span>
Guerrilla<br>futuring
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
@ -1302,7 +1262,7 @@
<div class="community-card"> <div class="community-card">
<span class="icon">📚</span> <span class="icon">📚</span>
<h3>Digital Publishing</h3> <h3>Digital Publishing</h3>
<p>Publishing short sci-fi stories, tabletop games, LARP toolkits and other formats as an open-access anthology with partners like Bread Coop and the Institute of Network Cultures (TBC)</p> <p>Publishing short sci-fi stories, tabletop games, LARP toolkits and other formats as an open-access anthology with partner organisations</p>
</div> </div>
<div class="community-card"> <div class="community-card">
<span class="icon">🎮</span> <span class="icon">🎮</span>
@ -1685,7 +1645,7 @@
<p>Join fellow dreamers, makers, and reality-benders in prefiguring postcapitalist futures.</p> <p>Join fellow dreamers, makers, and reality-benders in prefiguring postcapitalist futures.</p>
<div class="cta-group"> <div class="cta-group">
<a href="#register" class="btn btn-primary">Register Now</a> <a href="#register" class="btn btn-primary">Register Now</a>
<a href="mailto:hello@worldplay.earth" class="btn btn-secondary">Get in Touch</a> <a href="mailto:hello@worldplay.art" class="btn btn-secondary">Get in Touch</a>
</div> </div>
</div> </div>
</section> </section>
@ -1710,14 +1670,35 @@
<div class="footer-links"> <div class="footer-links">
<h4>Connect</h4> <h4>Connect</h4>
<ul> <ul>
<li><a href="mailto:hello@worldplay.earth">Email</a></li> <li><a href="mailto:hello@worldplay.art">Email</a></li>
<li><a href="https://www.commons-hub.at" target="_blank" rel="noopener">Commons Hub</a></li> <li><a href="https://www.commons-hub.at" target="_blank" rel="noopener">Commons Hub</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="footer-bottom"> <div class="footer-bottom">
<p style="margin-bottom: 1rem;">The inaugural edition of WORLDPLAY is convened by <a href="https://futurescraft.eu" target="_blank" rel="noopener" style="color: var(--accent-cyan);">Rok Kranjc</a> (Futurescraft), <a href="https://economicspace.agency" target="_blank" rel="noopener" style="color: var(--accent-cyan);">Pekko Koskinen</a> (Economic Space Agency) and <a href="https://kumanoshindo.com" target="_blank" rel="noopener" style="color: var(--accent-cyan);">Carolina Carvalho</a> (Kumano Shindo, Greater Stellenbosch Trust).</p> <p style="margin-bottom: 1rem;">WORLDPLAY is convened by <a href="https://futurescraft.eu" target="_blank" rel="noopener" style="color: var(--accent-cyan);">Rok Kranjc</a> (Futurescraft), <a href="https://economicspace.agency" target="_blank" rel="noopener" style="color: var(--accent-cyan);">Pekko Koskinen</a> (Economic Space Agency) and <a href="https://kumanoshindo.com" target="_blank" rel="noopener" style="color: var(--accent-cyan);">Carolina Carvalho</a> (Global Regeneration CoLab; Regeneration Pollination) under the banner of the Crypto Commons Association, realised in collaboration with Commons Hub.</p>
<p>WORLDPLAY 2026 · Built for the commons · <span style="color: var(--accent-purple);">Reality is a design space</span></p> <p>WORLDPLAY 2026 · Built for the commons</p>
</div>
<div class="footer-logos">
<h4>Convened under</h4>
<div class="footer-logos-row">
<img src="/images/cca-logo.png" alt="Crypto Commons Association" title="Crypto Commons Association">
<img src="/images/commons-hub-logo.png" alt="Commons Hub" title="Commons Hub">
</div>
<h4>Sponsors</h4>
<div class="footer-logos-row">
<span>Orion Reed</span>
<span style="opacity: 0.5;">More TBC</span>
</div>
<h4>Promotional Partners</h4>
<div class="footer-logos-row">
<span>Class Wargames</span>
<span>INDEP</span>
<span style="opacity: 0.5;">More TBC</span>
</div>
</div> </div>
</div> </div>
</footer> </footer>

View File

@ -198,19 +198,27 @@ async function sendConfirmationEmail(registration) {
<div style="max-width: 600px; margin: 0 auto;"> <div style="max-width: 600px; margin: 0 auto;">
<div style="text-align: center; margin-bottom: 40px;"> <div style="text-align: center; margin-bottom: 40px;">
<h1 style="font-family: monospace; font-size: 32px; background: linear-gradient(135deg, #9d4edd 0%, #ff006e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0;">WORLDPLAY</h1> <h1 style="font-family: monospace; font-size: 32px; background: linear-gradient(135deg, #9d4edd 0%, #ff006e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin: 0;">WORLDPLAY</h1>
<p style="color: #a0a0b0; font-style: italic; margin-top: 8px;">: To be Defined</p> <p style="color: #a0a0b0; font-style: italic; margin-top: 8px; font-size: 18px; font-weight: 600;">To be Defined</p>
</div> </div>
<div style="background-color: #12121a; border: 1px solid rgba(157, 78, 221, 0.3); border-radius: 12px; padding: 32px; margin-bottom: 24px;"> <div style="background-color: #12121a; border: 1px solid rgba(157, 78, 221, 0.3); border-radius: 12px; padding: 32px; margin-bottom: 24px;">
<h2 style="color: #00d9ff; margin-top: 0; font-size: 20px;">Welcome, ${registration.firstName}! 🌟</h2> <h2 style="color: #00d9ff; margin-top: 0; font-size: 20px;">Welcome, ${registration.firstName}! 🌟</h2>
<p style="color: #a0a0b0; line-height: 1.7;"> <p style="color: #a0a0b0; line-height: 1.7;">
Thank you for registering your interest in <strong style="color: #f0f0f5;">WORLDPLAY</strong> a pop-up physical hub for prefiguring and prehearsing postcapitalist futures through fiction, performance and play. Thank you for registering your interest in <strong style="color: #f0f0f5;">WORLDPLAY</strong>, a pop-up hub and peer-to-peer network for people interested in fiction, design, performance and play as ways to prefigure and prehearse radical (e.g., postcapitalist, commons-based, degrowth, ecofeminist, decolonial, multispecies) futures.
</p> </p>
<p style="color: #a0a0b0; line-height: 1.7;"> <p style="color: #a0a0b0; line-height: 1.7;">
We've received your registration and will be in touch with next steps as we finalize the programme. We will be in touch with next steps as we finalize the programme. Over the next few weeks, we will send details to finalize your registration:
</p> </p>
<ul style="color: #a0a0b0; line-height: 1.9; padding-left: 20px;">
<li>programme outline + how to propose sessions</li>
<li>available accommodation and pricing</li>
<li>other logistics (getting there, food, etc.)</li>
<li>payment options and any support possibilities</li>
<li>key dates</li>
</ul>
</div> </div>
<div style="background-color: #12121a; border: 1px solid rgba(157, 78, 221, 0.3); border-radius: 12px; padding: 32px; margin-bottom: 24px;"> <div style="background-color: #12121a; border: 1px solid rgba(157, 78, 221, 0.3); border-radius: 12px; padding: 32px; margin-bottom: 24px;">
@ -264,9 +272,6 @@ async function sendConfirmationEmail(registration) {
<p style="color: #a0a0b0; font-size: 14px; margin: 0;"> <p style="color: #a0a0b0; font-size: 14px; margin: 0;">
Questions? Reply to this email or visit <a href="https://worldplay.art" style="color: #00d9ff;">worldplay.art</a> Questions? Reply to this email or visit <a href="https://worldplay.art" style="color: #00d9ff;">worldplay.art</a>
</p> </p>
<p style="color: #9d4edd; font-size: 12px; margin-top: 16px; font-style: italic;">
Reality is a design space
</p>
</div> </div>
</div> </div>
</body> </body>