update coming soon
This commit is contained in:
parent
40c8478984
commit
42e5e22da6
49
index.html
49
index.html
|
|
@ -189,37 +189,6 @@
|
||||||
left: 100%;
|
left: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notify-form {
|
|
||||||
max-width: 450px;
|
|
||||||
margin: 0 auto;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notify-input {
|
|
||||||
flex-grow: 1;
|
|
||||||
padding: 0.8rem 1.5rem;
|
|
||||||
border-radius: 50px 0 0 50px;
|
|
||||||
border: 1px solid rgba(226, 177, 126, 0.3);
|
|
||||||
background-color: rgba(26, 16, 6, 0.7);
|
|
||||||
color: var(--text-color);
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notify-btn {
|
|
||||||
border-radius: 0 50px 50px 0;
|
|
||||||
background-color: var(--primary-color);
|
|
||||||
color: var(--text-color);
|
|
||||||
border: none;
|
|
||||||
padding: 0 1.5rem;
|
|
||||||
font-weight: 600;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: all 0.3s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
.notify-btn:hover {
|
|
||||||
background-color: var(--secondary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
font-size: 0.95rem;
|
font-size: 0.95rem;
|
||||||
|
|
@ -361,15 +330,9 @@
|
||||||
|
|
||||||
<!-- Countdown and feature cards removed as requested -->
|
<!-- Countdown and feature cards removed as requested -->
|
||||||
|
|
||||||
<a href="#" class="cta" id="cta-button">Stay Connected</a>
|
<a href="https://mycofi.earth" class="cta" id="cta-button">Let's Get Anastomosing</a>
|
||||||
|
|
||||||
<form class="notify-form" id="notify-form">
|
|
||||||
<input type="email" class="notify-input" placeholder="Your email address" required>
|
|
||||||
<button type="submit" class="notify-btn">Notify Me</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<p>© 2025 MycopunkXYZ | <a href="#">Terms</a> | <a href="#">Privacy</a></p>
|
|
||||||
<p>Underground networks, emergent possibilities.</p>
|
<p>Underground networks, emergent possibilities.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -477,7 +440,7 @@
|
||||||
"Resilience through distributed systems.",
|
"Resilience through distributed systems.",
|
||||||
"What grows beneath the surface shapes what emerges above.",
|
"What grows beneath the surface shapes what emerges above.",
|
||||||
"Cooperation amplifies potential.",
|
"Cooperation amplifies potential.",
|
||||||
"Systems learn from mycelium.",
|
"Systems that learn from mycelium.",
|
||||||
"Interconnected, adaptable, resilient.",
|
"Interconnected, adaptable, resilient.",
|
||||||
"From decomposition comes renewal.",
|
"From decomposition comes renewal.",
|
||||||
"Distributed networks outlast centralized systems."
|
"Distributed networks outlast centralized systems."
|
||||||
|
|
@ -501,14 +464,6 @@
|
||||||
setInterval(showWisdom, 8000);
|
setInterval(showWisdom, 8000);
|
||||||
showWisdom(); // Show first wisdom immediately
|
showWisdom(); // Show first wisdom immediately
|
||||||
|
|
||||||
// Form submission
|
|
||||||
document.getElementById('notify-form').addEventListener('submit', function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
const email = e.target.querySelector('input[type="email"]').value;
|
|
||||||
alert(`Thank you. ${email} has been added to our notification list.`);
|
|
||||||
e.target.reset();
|
|
||||||
});
|
|
||||||
|
|
||||||
// CTA button hover effect
|
// CTA button hover effect
|
||||||
document.getElementById('cta-button').addEventListener('mouseenter', function() {
|
document.getElementById('cta-button').addEventListener('mouseenter', function() {
|
||||||
createSpores();
|
createSpores();
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue