More actions
mNo edit summary Tag: Manual revert |
mNo edit summary |
||
| (41 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
<head> | <head> | ||
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=swap" rel="stylesheet"> | ||
<style> | |||
body { | |||
background-color: #0b0f14; | |||
font-family: sans-serif; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.panel { | |||
transition: transform 0.3s ease; | |||
} | |||
.panel:hover { | |||
transform: scale(1.05); | |||
z-index: 2; | |||
box-shadow: 0 0 12px rgba(0, 255, 255, 0.3); | |||
} | |||
.cookie-banner { | |||
position: fixed; | |||
bottom: 0; | |||
left: 0; | |||
width: 100%; | |||
background-color: #111; | |||
color: #00ffcc; | |||
font-family: 'Orbitron', sans-serif; | |||
padding: 1em 1.5em; | |||
text-align: center; | |||
font-size: 14px; | |||
border-top: 2px solid #00ffcc; | |||
z-index: 9999; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
flex-wrap: wrap; | |||
} | |||
.cookie-banner span { | |||
margin: 0.5em; | |||
} | |||
.cookie-banner button { | |||
margin: 0.5em; | |||
padding: 0.5em 1em; | |||
font-family: 'Orbitron', sans-serif; | |||
background-color: #00ffcc; | |||
color: #000; | |||
border: none; | |||
border-radius: 5px; | |||
cursor: pointer; | |||
font-weight: bold; | |||
font-size: 13px; | |||
transition: background-color 0.3s; | |||
} | |||
.cookie-banner button:hover { | |||
background-color: #00e6b8; | |||
} | |||
</style> | |||
</head> | </head> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> | ||
| Line 10: | Line 71: | ||
<div style="text-align: center; width: 100%;"> | <div style="text-align: center; width: 100%;"> | ||
<img src="/images/Neo-Europa-Banner.png" alt="Neo-Europa Banner" style="max-width: 100%; height: auto; border-radius: 15px;"> | <img src="/images/Neo-Europa-Banner.png" alt="Neo-Europa Banner" style="max-width: 100%; height: auto; border-radius: 15px;"> | ||
</div> | </div> | ||
<center>This site is a collaborative archive for the evolving cyberpunk world of <b>Neo-Europa</b>—a megacity where ancient bloodlines rule from digital thrones, and memory is currency. This project was born from our love for all things <a href="History_of_Cyberpunk"> | |||
<center>This site is a collaborative archive for the evolving cyberpunk world of <a href="Neo-Europa"><b>Neo-Europa</b></a>—a megacity where ancient bloodlines rule from digital thrones, and memory is currency. This project was born from our love for all things <a href="History_of_Cyberpunk"><b>Cyberpunk</b></a>: neon-soaked skylines, philosophical AIs, broken systems, and the people who defy them. Whether you're here to explore lore, dive into short stories, or build your own corner of the city, we're glad you're with us. The <a href="Neo-Europa_Anthology"><b>Index of Stories</b></a> page features not only community contributions, but also original tales written by authors hired by the <b>Cybernaut Network</b> to bring Neo-Europa to life. Plug in, stay sharp, and remember: old thrones still cast long shadows. | |||
</center><div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 2em 0;"> | </center><div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 2em 0;"> | ||
| Line 37: | Line 99: | ||
<li><a href="Republicans" class="cyberpunk-link">Republicans</a></li> | <li><a href="Republicans" class="cyberpunk-link">Republicans</a></li> | ||
<li><a href="Gangs_of_Neo-Europa" class="cyberpunk-link">Gangs of Neo-Europa</a></li> | <li><a href="Gangs_of_Neo-Europa" class="cyberpunk-link">Gangs of Neo-Europa</a></li> | ||
<li><a href="Minor Corporations" class=" | <li><a href="Minor Corporations" class="cyberpunk-link">Minor Corporations</a></li> | ||
<li><a href="Top Guilds" class="cyberpunk-link">Top Guilds</a></li> | |||
</ul> | </ul> | ||
</div> | </div> | ||
| Line 48: | Line 111: | ||
<li><a href="Spinal Gate" class="cyberpunk-link">Spinal Gate</a></li> | <li><a href="Spinal Gate" class="cyberpunk-link">Spinal Gate</a></li> | ||
<li><a href="Ladder Points" class="cyberpunk-link">Ladder Points</a></li> | <li><a href="Ladder Points" class="cyberpunk-link">Ladder Points</a></li> | ||
<li><a href=" | <li><a href="Fashion in Neo-Europa" class="cyberpunk-link">Fashion in Neo-Europa</a></li> | ||
<li><a href=" | <li><a href="CivSphere Types" class="cyberpunk-link">CivSphere Types</a></li> | ||
<li><a href="Butcher Shops" class="cyberpunk-link">Butcher Shops</a></li> | <li><a href="Butcher Shops" class="cyberpunk-link">Butcher Shops</a></li> | ||
<li><a href=" | <li><a href="Music & Sonic Culture in Neo-Europa" class="cyberpunk-link">Music & Sonic Culture</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
<!-- | <!-- NARRATIVES & MEDIA --> | ||
<div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #ffaa00; padding: 1em; border-radius: 10px;"> | <div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #ffaa00; padding: 1em; border-radius: 10px;"> | ||
<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#ffaa00;"> | <div class="panel-header" style="font-size: 150%; font-weight: bold; color:#ffaa00;">🕯️ Religion & Mythology</div> | ||
<ul> | <ul> | ||
<li><a href="Chapel Nodes" class="cyberpunk-link">Chapel Nodes</a></li> | |||
<li><a href="The Pythia" class="cyberpunk-link">The Pythia</a></li> | |||
<li><a href="Echo Saints of the Depths" class="cyberpunk-link">Echo Saints of the Depths</a></li> | |||
<li><a href="Cybernecromancy" class="cyberpunk-link">Cybernecromancy</a></li> | |||
</ul> | |||
</ul> | |||
</div> | </div> | ||
| Line 73: | Line 134: | ||
<ul> | <ul> | ||
<li><a href="List of European City-States" class="cyberpunk-link">List of European City-States</a></li> | <li><a href="List of European City-States" class="cyberpunk-link">List of European City-States</a></li> | ||
<li><a href="Wastelands Beyond Neo-Europa" class=" | <li><a href="Wastelands Beyond Neo-Europa" class="cyberpunk-link">Wastelands Beyond Neo-Europa</a></li> | ||
<li><a href="Sleeplight Travel" class="cyberpunk-link">Sleeplight Travel</li> | <li><a href="Sleeplight Travel" class="cyberpunk-link">Sleeplight Travel</li> | ||
<li><a href="The Driftroot" class="cyberpunk-link">The Driftroot</a></li> | <li><a href="The Driftroot" class="cyberpunk-link">The Driftroot</a></li> | ||
| Line 86: | Line 147: | ||
<ul> | <ul> | ||
<li><a href="Cybernaut_Network:About" class="cyberpunk-link">About Neo-Europa</a></li> | <li><a href="Cybernaut_Network:About" class="cyberpunk-link">About Neo-Europa</a></li> | ||
<li><a href="Neo-Europa_Anthology" class="cyberpunk-link">Index of Stories</a></li> | |||
<li><a href="History of Cyberpunk" class="cyberpunk-link">History of Cyberpunk</a></li> | <li><a href="History of Cyberpunk" class="cyberpunk-link">History of Cyberpunk</a></li> | ||
<li><a href="Glossary (OOC)" class="cyberpunk-link">Glossary (OOC)</a></li> | <li><a href="Glossary (OOC)" class="cyberpunk-link">Glossary (OOC)</a></li> | ||
| Line 96: | Line 158: | ||
<small><span style="color: #888;">🔧 New to the archive?</span> Each panel above leads to a different layer of Neo-Europa—city zones, tech, factions, or stories. Hover links glow, and red, flickering links mean unfinished pages. If you're unsure where to start, <a href="Cybernaut_Network:About" class="cyberpunk-link">begin here</a> or skim the <a href="Glossary_(OOC)" class="cyberpunk-link">OOC Glossary</a>. </small> | <small><span style="color: #888;">🔧 New to the archive?</span> Each panel above leads to a different layer of Neo-Europa—city zones, tech, factions, or stories. Hover links glow, and red, flickering links mean unfinished pages. If you're unsure where to start, <a href="Cybernaut_Network:About" class="cyberpunk-link">begin here</a> or skim the <a href="Glossary_(OOC)" class="cyberpunk-link">OOC Glossary</a>. </small> | ||
</center> | </center> | ||
<div class="quote-rotator" style="margin-top: 40px; font-family: Orbitron, sans-serif; font-size: 14px; color: #999; text-align: center;"> | |||
<span id="rotating-quote">"Plug in. Stay sharp."</span> | |||
</div> | |||
<script> | |||
const quotes = [ | |||
'"Plug in. Stay sharp."', | |||
'"Memory is currency. Forget nothing."', | |||
'"Old thrones still cast long shadows."', | |||
'"There is no law in the Depths, only ICE."', | |||
'"Chapel Nodes whisper back."', | |||
'"Even ghosts need passwords."' | |||
]; | |||
let idx = 0; | |||
setInterval(() => { | |||
idx = (idx + 1) % quotes.length; | |||
document.getElementById("rotating-quote").textContent = quotes[idx]; | |||
}, 5000); | |||
</script> | |||
<div class="cookie-banner" id="cookie-banner"> | |||
We use cookies to enhance your experience in Neo-Europa. | |||
<button onclick="document.getElementById('cookie-banner').style.display='none'">Accept</button> | |||
</div> | |||
</html> | </html> | ||
Latest revision as of 11:39, 21 June 2025
Connection: Stable
🏙️ Explore the City
🛡️ Factions & Power
💾 Tech & Cyberlife
🕯️ Religion & Mythology
🌐 The World Outside
💬 Out Of Character
"Plug in. Stay sharp."
Built and maintained by Cybernaut.Network
World design by Cybernaut.Network
Mediawiki skin by Skin:Citizen