Fix floating cards positioning, remove website credit
- Add proper CSS rules for 4th and 5th floating cards - Position Parallel worlding and Guerrilla futuring to not overlap - Remove inline styles from new floating cards - Remove website design credit from footer Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
parent
b3dbc60324
commit
3457dc65eb
19
index.html
19
index.html
|
|
@ -493,6 +493,18 @@
|
|||
animation: float 6s ease-in-out infinite 2s;
|
||||
}
|
||||
|
||||
.floating-card:nth-child(4) {
|
||||
top: 55%;
|
||||
right: 5%;
|
||||
animation: float 6s ease-in-out infinite 3s;
|
||||
}
|
||||
|
||||
.floating-card:nth-child(5) {
|
||||
bottom: 35%;
|
||||
right: 30%;
|
||||
animation: float 6s ease-in-out infinite 4s;
|
||||
}
|
||||
|
||||
@keyframes float {
|
||||
0%, 100% { transform: translateY(0); }
|
||||
50% { transform: translateY(-15px); }
|
||||
|
|
@ -1306,11 +1318,11 @@
|
|||
<span class="emoji">🎲</span>
|
||||
Games as<br>organisations
|
||||
</div>
|
||||
<div class="floating-card" style="top: 60%; right: 10%; animation-delay: 3s;">
|
||||
<div class="floating-card">
|
||||
<span class="emoji">🌐</span>
|
||||
Parallel<br>worlding
|
||||
</div>
|
||||
<div class="floating-card" style="bottom: 0; right: 25%; animation-delay: 4s;">
|
||||
<div class="floating-card">
|
||||
<span class="emoji">🔮</span>
|
||||
Guerrilla<br>futuring
|
||||
</div>
|
||||
|
|
@ -1750,8 +1762,7 @@
|
|||
</div>
|
||||
<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: 0.5rem;">WORLDPLAY 2026 · Built for the commons · <span style="color: var(--accent-purple);">Reality is a design space</span></p>
|
||||
<p style="font-size: 0.8rem; opacity: 0.7;">Website design by <a href="https://jeffemmett.com" target="_blank" rel="noopener" style="color: var(--accent-cyan);">Jeff Emmett</a></p>
|
||||
<p>WORLDPLAY 2026 · Built for the commons · <span style="color: var(--accent-purple);">Reality is a design space</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
Loading…
Reference in New Issue