More actions
mNo edit summary |
mNo edit summary |
||
| (215 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
< | |||
<html> | |||
<head> | |||
<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> | |||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> | |||
<div style="position: absolute; top: 10px; left: 60px; color: #00ff00; font-family: Orbitron, sans-serif; font-size: 10px;"> | |||
<i class="fas fa-signal"></i> Connection: Stable | |||
</div> | |||
<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;"> | |||
</div> | </div> | ||
<div class=" | |||
<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;"> | |||
<!-- EXPLORE THE CITY --> | |||
<div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #EA2F14; padding: 1em; border-radius: 10px;"> | |||
<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#EA2F14;">🏙️ Explore the City</div> | |||
<ul> | |||
<li><a href="Neo-Europa" class="cyberpunk-link">Neo-Europa</a></li> | |||
<li><a href="Gilded_Core" class="cyberpunk-link">Gilded Core</a></li> | |||
<li><a href="Middle_Ring" class="cyberpunk-link">Middle Ring</a></li> | |||
<li><a href="Smart_Slums" class="cyberpunk-link">Smart Slums</a></li> | |||
<li><a href="Substructure-1" class="cyberpunk-link">Substructure-1</a></li> | |||
<li><a href="History" class="cyberpunk-link">History</a></li> | |||
<li><a href="A_Day_in_Neo-Europa" class="cyberpunk-link">A Day in Neo-Europa</a></li> | |||
</ul> | |||
</div> | </div> | ||
= | <!-- FACTIONS & POWER --> | ||
<div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #ff0099; padding: 1em; border-radius: 10px;"> | |||
<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#ff0099;">🛡️ Factions & Power</div> | |||
<ul> | |||
<li><a href="Seven_Families" class="cyberpunk-link">Seven Families</a></li> | |||
<li><a href="Council_of_Nobles" class="cyberpunk-link">Council of Nobles</a></li> | |||
<li><a href="Royalists" class="cyberpunk-link">Royalists</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="Minor Corporations" class="cyberpunk-link">Minor Corporations</a></li> | |||
<li><a href="Top Guilds" class="cyberpunk-link">Top Guilds</a></li> | |||
</ul> | |||
</div> | |||
== | <!-- TECH & CYBERLIFE --> | ||
<div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #725CAD; padding: 1em; border-radius: 10px;"> | |||
<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#725CAD;">💾 Tech & Cyberlife</div> | |||
<ul> | |||
<li><a href="Cypherspace" class="cyberpunk-link">Cypherspace</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="Fashion in Neo-Europa" class="cyberpunk-link">Fashion in Neo-Europa</a></li> | |||
<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="Music & Sonic Culture in Neo-Europa" class="cyberpunk-link">Music & Sonic Culture</a></li> | |||
</ul> | |||
</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-header" style="font-size: 150%; font-weight: bold; color:#ffaa00;">🕯️ Religion & Mythology</div> | |||
<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> | |||
</div> | |||
== | <!-- THE WORLD OUTSIDE --> | ||
Neo-Europa | <div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #90ee90; padding: 1em; border-radius: 10px;"> | ||
<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#90ee90;">🌐 The World Outside</div> | |||
<ul> | |||
<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="cyberpunk-link">Wastelands Beyond Neo-Europa</a></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="Stormrunners" class="cyberpunk-link">Stormrunners</a></li> | |||
<li><a href="Wasteland Technologies" class="new cyberpunk-link">Wasteland Technologies</a></li> | |||
</ul> | |||
</div> | |||
== | <!-- OUT OF CHARACTER --> | ||
<div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #FFEA00; padding: 1em; border-radius: 10px;"> | |||
<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#FFEA00;">💬 Out Of Character</div> | |||
<ul> | |||
<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="Glossary (OOC)" class="cyberpunk-link">Glossary (OOC)</a></li> | |||
<li><a href="Style & Tone Guide" class="cyberpunk-link">Style & Tone Guide</a></li> | |||
<li><a href="Worldbuilding Principles" class="cyberpunk-link">Worldbuilding Principles</a></li> | |||
<li><a href="Contact" class="cyberpunk-link">Contact</a></li> | |||
</ul> | |||
</div> | |||
<center> | |||
<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> | |||
== | <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> | |||
</div><center> | |||
<small> | |||
Built and maintained by '''Cybernaut.Network''' <br> | |||
World design by '''Cybernaut.Network''' <br>Mediawiki skin by [[mediawikiwiki:Skin:Citizen|Skin:Citizen]] | |||
</center></small> | |||
<small> | </div> | ||
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