Main Page: Difference between revisions

Latest revision as of 11:39, 21 June 2025

Connection: Stable

This site is a collaborative archive for the evolving cyberpunk world of Neo-Europa—a megacity where ancient bloodlines rule from digital thrones, and memory is currency. This project was born from our love for all things Cyberpunk: 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 Index of Stories page features not only community contributions, but also original tales written by authors hired by the Cybernaut Network to bring Neo-Europa to life. Plug in, stay sharp, and remember: old thrones still cast long shadows.

🏙️ Explore the City

🛡️ Factions & Power

💾 Tech & Cyberlife

🕯️ Religion & Mythology

🌐 The World Outside

💬 Out Of Character

🔧 New to the archive? 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, begin here or skim the OOC Glossary.

"Plug in. Stay sharp."

Built and maintained by Cybernaut.Network
World design by Cybernaut.Network
Mediawiki skin by Skin:Citizen

@@ Line 1: / Line 1: @@
-<div style="text-align:center; background-color:#000; padding:1px;">
-   [[File:Neo-Europa-Banner.png|center|1165px|frameless|alt=Neo-Europa skyline|Neo-Europa – Where bloodlines meet bandwidth]]
+<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 style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 2em 0;">
+<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 style="flex: 1 1 300px; background:#1b1b1b; border: 1px solid #00ffff; padding: 1em; border-radius: 10px;">
+<div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #EA2F14; padding: 1em; border-radius: 10px;">
-<div style="font-size: 150%; font-weight: bold; color:#00ffff;">🏙️ Explore the City</div>
+<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#EA2F14;">🏙️ Explore the City</div>
 <ul>
-   <li>[[Gilded Core]]</li>
+   <li><a href="Neo-Europa" class="cyberpunk-link">Neo-Europa</a></li>
-   <li>[[Middle Ring]]</li>
+  <li><a href="Gilded_Core" class="cyberpunk-link">Gilded Core</a></li>
-   <li>[[Smart Slums]]</li>
+   <li><a href="Middle_Ring" class="cyberpunk-link">Middle Ring</a></li>
-   <li>[[Substructure-1]]</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>
 <!-- FACTIONS & POWER -->
-<div style="flex: 1 1 300px; background:#1b1b1b; border: 1px solid #ff0099; padding: 1em; border-radius: 10px;">
+<div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #ff0099; padding: 1em; border-radius: 10px;">
-<div style="font-size: 150%; font-weight: bold; color:#ff0099;">🛡️ Factions & Power</div>
+<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#ff0099;">🛡️ Factions & Power</div>
 <ul>
-   <li>[[Council of Nobles]]</li>
+   <li><a href="Seven_Families" class="cyberpunk-link">Seven Families</a></li>
-   <li>[[Seven Families]]</li>
+  <li><a href="Council_of_Nobles" class="cyberpunk-link">Council of Nobles</a></li>
-   <li>[[Royalists]]</li>
+  <li><a href="Royalists" class="cyberpunk-link">Royalists</a></li>
-   <li>[[Republicans]]</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 style="flex: 1 1 300px; background:#1b1b1b; border: 1px solid #00ccff; padding: 1em; border-radius: 10px;">
+<div class="panel panel-tech" style="flex: 1 1 300px; border: 1px solid #725CAD; padding: 1em; border-radius: 10px;">
-<div style="font-size: 150%; font-weight: bold; color:#00ccff;">💾 Tech & Cyberlife</div>
+<div class="panel-header" style="font-size: 150%; font-weight: bold; color:#725CAD;">💾 Tech & Cyberlife</div>
 <ul>
-   <li>[[Cypherspace]]</li>
+   <li><a href="Cypherspace" class="cyberpunk-link">Cypherspace</a></li>
-   <li>[[Spinal Gate]]</li>
+   <li><a href="Spinal Gate" class="cyberpunk-link">Spinal Gate</a></li>
-   <li>[[Ladder Points]]</li>
+   <li><a href="Ladder Points" class="cyberpunk-link">Ladder Points</a></li>
-   <li>[[Nulls]]</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>
-<!-- STORIES & LORE -->
+<!-- NARRATIVES & MEDIA -->
-<div style="flex: 1 1 300px; background:#1b1b1b; 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 style="font-size: 150%; font-weight: bold; color:#ffaa00;">📖 Stories & Lore</div>
+  <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 -->
+<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>[[Short Stories]]</li>
+   <li><a href="List of European City-States" class="cyberpunk-link">List of European City-States</a></li>
-   <li>[[Featured Characters]]</li>
+   <li><a href="Wastelands Beyond Neo-Europa" class="cyberpunk-link">Wastelands Beyond Neo-Europa</a></li>
-   <li>[[Chapel Nodes]]</li>
+   <li><a href="Sleeplight Travel" class="cyberpunk-link">Sleeplight Travel</li>
-   <li>[[Veil Realms]]</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>
-<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@600&display=swap" rel="stylesheet">
+<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>
-<!-- Place this wherever you want the header to appear -->
+<div class="quote-rotator" style="margin-top: 40px; font-family: Orbitron, sans-serif; font-size: 14px; color: #999; text-align: center;">
-<div style="text-align: center; margin: 3rem 0;">
+  <span id="rotating-quote">"Plug in. Stay sharp."</span>
-  <h1 style="
+</div>
-    font-family: 'Orbitron', sans-serif;
+<script>
-    font-size: 3.5rem;
+   const quotes = [
-    color: #00ffff;
+    '"Plug in. Stay sharp."',
-    text-shadow:
+    '"Memory is currency. Forget nothing."',
-0 5px #00ffff,
+    '"Old thrones still cast long shadows."',
-0 10px #00ffff,
+     '"There is no law in the Depths, only ICE."',
-0 20px #00bfff,
+     '"Chapel Nodes whisper back."',
-0 40px #00bfff;
+     '"Even ghosts need passwords."'
-    animation: flicker 3s infinite;
+  ];
-    letter-spacing: 2px;
+  let idx = 0;
-  ">
+  setInterval(() => {
-    Welcome to Neo-Europa
+     idx = (idx + 1) % quotes.length;
-  </h1>
+     document.getElementById("rotating-quote").textContent = quotes[idx];
-   <p style="
+   }, 5000);
-     font-family: 'Orbitron', sans-serif;
+</script>
-     color: #bbb;
+<div class="cookie-banner" id="cookie-banner">
-     font-size: 1.2rem;
+   We use cookies to enhance your experience in Neo-Europa.
-     margin-top: -1rem;
+  <button onclick="document.getElementById('cookie-banner').style.display='none'">Accept</button>
-     text-shadow: 0 0 3px #00ffff;
-   ">
-    <i>Old Thrones, New Circuits</i>
-   </p>
 </div>
+</html>
-<!-- Add this animation block at the end of your CSS or inside a <style> tag -->
+</div><center>
-<style>
+<small>
-@keyframes flicker {
+Built and maintained by '''Cybernaut.Network''' <br>
-%   { opacity: 1; }
+World design by '''Cybernaut.Network''' <br>Mediawiki skin by [[mediawikiwiki:Skin:Citizen|Skin:Citizen]]
-%  { opacity: 0.9; }
+</center></small>
-%  { opacity: 0.4; }
+</div>
-%  { opacity: 0.9; }
-%  { opacity: 0.2; }
-%  { opacity: 1; }
-% { opacity: 0.95; }
-}
-</style>
-== ✉️ Contact & Credits ==
-* Interested in the history of Cyberpunk? Click [[History of Cyberpunk|here]]!
-* Built and maintained by '''Cybernaut.Network'''
-* World design by '''Cybernaut.Network''' .
-* Some visuals from [https://unsplash.com Unsplash], [https://pixabay.com Pixabay], and open source contributors.
-* Mediawiki skin by [[mediawikiwiki:Skin:Citizen|Skin:Citizen]]
-<small>All content licensed under [https://creativecommons.org/licenses/by-nc-sa/4.0/ Creative Commons] BY-NC-SA 4.0.</small>