Website updates round 3

- Fix "sustaining...sustaining" → "to support the network"
- Shorten "Everything for Everyone" title
- Change "7 days of worldbuilding" → "7 days of peerticipatory worldplay"
- Remove location badge overlay from Commons Hub image
- Fix venue image z-index to display properly
- Add "Guerrilla Futuring" to form thread options
- Change "co-labs" → "mycollabs" in registration perks
- Add hyperlinks to examples (Yes Men, Ministry for the Future,
  Half-Earth Socialism, Nordic Larp Wiki, etc.)
- Style linked examples with cyan hover effect

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-01-25 20:41:35 +01:00
parent 148a0ecadd
commit 705497ef34
1 changed files with 43 additions and 30 deletions

View File

@ -598,12 +598,12 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
opacity: 0.85; z-index: 1;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }
.location-map:hover .venue-image { .location-map:hover .venue-image {
opacity: 1; filter: brightness(1.05);
} }
@keyframes mountainPulse { @keyframes mountainPulse {
@ -776,12 +776,24 @@
margin: 0.25rem; margin: 0.25rem;
transition: all 0.3s; transition: all 0.3s;
cursor: default; cursor: default;
text-decoration: none;
} }
.example-tag:hover { a.example-tag {
cursor: pointer;
border: 1px solid transparent;
}
a.example-tag:hover {
background: rgba(0, 217, 255, 0.2);
color: var(--accent-cyan);
transform: scale(1.05);
border-color: rgba(0, 217, 255, 0.3);
}
span.example-tag:hover {
background: rgba(157, 78, 221, 0.3); background: rgba(157, 78, 221, 0.3);
color: var(--text-primary); color: var(--text-primary);
transform: scale(1.05);
} }
/* Registration Form Section */ /* Registration Form Section */
@ -1331,7 +1343,7 @@
<div class="community-card"> <div class="community-card">
<span class="icon">💰</span> <span class="icon">💰</span>
<h3>Sustainable Models</h3> <h3>Sustainable Models</h3>
<p>Exploring alternative revenue and self-sustaining models for sustaining the network—co-ops, art DAOs, fiction-fueled crowdfunds, and more</p> <p>Exploring alternative revenue and self-sustaining models to support the network—co-ops, art DAOs, fiction-fueled crowdfunds, and more</p>
</div> </div>
</div> </div>
</div> </div>
@ -1356,12 +1368,12 @@
</div> </div>
<div class="track-examples"> <div class="track-examples">
<h4>Examples</h4> <h4>Examples</h4>
<span class="example-tag">The Yes Men</span> <a href="https://theyesmen.org/" target="_blank" rel="noopener" class="example-tag">The Yes Men</a>
<span class="example-tag">Bureau of Inverse Technology</span> <a href="https://en.wikipedia.org/wiki/Bureau_of_Inverse_Technology" target="_blank" rel="noopener" class="example-tag">Bureau of Inverse Technology</a>
<span class="example-tag">Billboard Liberation Front</span> <a href="https://www.billboardliberation.com/" target="_blank" rel="noopener" class="example-tag">Billboard Liberation Front</a>
<span class="example-tag">Center for Political Beauty</span> <a href="https://politicalbeauty.com/" target="_blank" rel="noopener" class="example-tag">Center for Political Beauty</a>
<span class="example-tag">Luther Blisset Project</span> <a href="https://en.wikipedia.org/wiki/Luther_Blissett_(pseudonym)" target="_blank" rel="noopener" class="example-tag">Luther Blisset Project</a>
<span class="example-tag">Situationist International</span> <a href="https://en.wikipedia.org/wiki/Situationist_International" target="_blank" rel="noopener" class="example-tag">Situationist International</a>
</div> </div>
</div> </div>
</div> </div>
@ -1381,10 +1393,10 @@
</div> </div>
<div class="track-examples"> <div class="track-examples">
<h4>Examples</h4> <h4>Examples</h4>
<span class="example-tag">Walkaway</span> <a href="https://craphound.com/category/walkaway/" target="_blank" rel="noopener" class="example-tag">Walkaway</a>
<span class="example-tag">The Ministry for the Future</span> <a href="https://en.wikipedia.org/wiki/The_Ministry_for_the_Future" target="_blank" rel="noopener" class="example-tag">The Ministry for the Future</a>
<span class="example-tag">Multispecies Cities: Solarpunk Urban Futures</span> <a href="https://www.worldweaverpress.com/store/p117/multispecies-cities.html" target="_blank" rel="noopener" class="example-tag">Multispecies Cities: Solarpunk Urban Futures</a>
<span class="example-tag">Everything for Everyone: An Oral History of the New York Commune, 20522072</span> <a href="https://www.akpress.org/everything-for-everyone.html" target="_blank" rel="noopener" class="example-tag">An Oral History of the New York Commune, 20522072</a>
</div> </div>
</div> </div>
</div> </div>
@ -1404,9 +1416,9 @@
</div> </div>
<div class="track-examples"> <div class="track-examples">
<h4>Examples</h4> <h4>Examples</h4>
<span class="example-tag">Futurematic</span> <a href="https://futurematic.org/" target="_blank" rel="noopener" class="example-tag">Futurematic</a>
<span class="example-tag">Tomorrow's Energy Today</span> <a href="https://www.tomorrowsenergytoday.net/" target="_blank" rel="noopener" class="example-tag">Tomorrow's Energy Today</a>
<span class="example-tag">A Night at the Orfelia</span> <a href="https://anightattheorfelia.com/" target="_blank" rel="noopener" class="example-tag">A Night at the Orfelia</a>
<span class="example-tag">The Treaty of Finsbury Park</span> <span class="example-tag">The Treaty of Finsbury Park</span>
<span class="example-tag">Queer Embassy of Possible Futures</span> <span class="example-tag">Queer Embassy of Possible Futures</span>
<span class="example-tag">NOVA: Future Thoughts on Surviving Together</span> <span class="example-tag">NOVA: Future Thoughts on Surviving Together</span>
@ -1429,11 +1441,11 @@
</div> </div>
<div class="track-examples"> <div class="track-examples">
<h4>Examples</h4> <h4>Examples</h4>
<span class="example-tag">Utopia on the Tabletop</span> <a href="https://www.utopia-tabletop.com/" target="_blank" rel="noopener" class="example-tag">Utopia on the Tabletop</a>
<span class="example-tag">Game-Changers: The Game</span> <span class="example-tag">Game-Changers: The Game</span>
<span class="example-tag">Game Commons Online Platform</span> <a href="https://gamecommons.org/" target="_blank" rel="noopener" class="example-tag">Game Commons Online Platform</a>
<span class="example-tag">Half-Earth Socialism</span> <a href="https://play.half.earth/" target="_blank" rel="noopener" class="example-tag">Half-Earth Socialism</a>
<span class="example-tag">Post-Growth Toolkit The Game</span> <a href="https://post-growth.org/toolkit/" target="_blank" rel="noopener" class="example-tag">Post-Growth Toolkit The Game</a>
<span class="example-tag">The Social Strike Game</span> <span class="example-tag">The Social Strike Game</span>
</div> </div>
</div> </div>
@ -1454,9 +1466,9 @@
</div> </div>
<div class="track-examples"> <div class="track-examples">
<h4>Examples</h4> <h4>Examples</h4>
<span class="example-tag">Witnesspedia</span> <a href="https://witnesspedia.org/" target="_blank" rel="noopener" class="example-tag">Witnesspedia</a>
<span class="example-tag">POCAS</span> <a href="https://pocas.earth/" target="_blank" rel="noopener" class="example-tag">POCAS</a>
<span class="example-tag">Nordic Larp Wiki</span> <a href="https://nordiclarp.org/wiki/" target="_blank" rel="noopener" class="example-tag">Nordic Larp Wiki</a>
<span class="example-tag">Green Mediaography</span> <span class="example-tag">Green Mediaography</span>
<span class="example-tag">Board Game Mechanics Repository</span> <span class="example-tag">Board Game Mechanics Repository</span>
<span class="example-tag">Artists, Activists, and Worldbuilders on DAOs</span> <span class="example-tag">Artists, Activists, and Worldbuilders on DAOs</span>
@ -1480,7 +1492,7 @@
<span class="icon">📅</span> <span class="icon">📅</span>
<div> <div>
<strong>June 713, 2026</strong> <strong>June 713, 2026</strong>
<span>7 days of worldbuilding</span> <span>7 days of peerticipatory worldplay</span>
</div> </div>
</div> </div>
<div class="detail-item"> <div class="detail-item">
@ -1502,9 +1514,6 @@
<div class="location-map"> <div class="location-map">
<img src="https://zjddaiekqxxdejpcdbbp.supabase.co/storage/v1/object/public/website-images/1751219331648.jpg" alt="Commons Hub venue" class="venue-image"> <img src="https://zjddaiekqxxdejpcdbbp.supabase.co/storage/v1/object/public/website-images/1751219331648.jpg" alt="Commons Hub venue" class="venue-image">
<div class="location-badge">
🇦🇹 Austria · Alps · Commons Hub
</div>
</div> </div>
</div> </div>
</div> </div>
@ -1529,7 +1538,7 @@
</li> </li>
<li> <li>
<span class="check"></span> <span class="check"></span>
<span>Pitch sessions and co-labs</span> <span>Pitch sessions and "mycollabs"</span>
</li> </li>
<li> <li>
<span class="check"></span> <span class="check"></span>
@ -1605,6 +1614,10 @@
<input type="checkbox" name="interests" value="fiction"> <input type="checkbox" name="interests" value="fiction">
<span>✒️ Econ Sci-Fi</span> <span>✒️ Econ Sci-Fi</span>
</label> </label>
<label class="checkbox-item">
<input type="checkbox" name="interests" value="worlding">
<span>🛠 Guerrilla Futuring</span>
</label>
<label class="checkbox-item"> <label class="checkbox-item">
<input type="checkbox" name="interests" value="games"> <input type="checkbox" name="interests" value="games">
<span>🎲 Eutopian Games</span> <span>🎲 Eutopian Games</span>