Revision as of 04:18, 31 May 2025

 Neo-Europa 2084

.glitch-banner {

 background-color: black;
 padding: 40px 20px;
 text-align: center;
 border: 2px solid #00ffff;
 box-shadow: 0 0 15px #00ffff;

}

.glitch-text {

 font-family: 'Orbitron', sans-serif;
 font-size: 48px;
 color: #00ffff;
 text-shadow: 0 0 5px #00ffff;
 position: relative;
 display: inline-block;
 animation: glitch 2s infinite;

}

.glitch-text::before, .glitch-text::after {

 content: attr(data-text);
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 overflow: hidden;
 color: #ff00ff;
 z-index: -1;

}

.glitch-text::before {

 animation: glitchTop 2s infinite;

}

.glitch-text::after {

 color: #00ffff;
 animation: glitchBottom 2s infinite;

}

@keyframes glitch {

 0% { transform: none; }
 20% { transform: skew(-0.5deg, -0.9deg); }
 40% { transform: skew(0.9deg, 0.3deg); }
 60% { transform: skew(-1deg, 0deg); }
 80% { transform: skew(0.2deg, 1deg); }
 100% { transform: none; }

}

@keyframes glitchTop {

 0% { clip: rect(0, 9999px, 0, 0); }
 10% { clip: rect(0, 9999px, 20px, 0); transform: translate(-2px, -2px); }
 30% { clip: rect(0, 9999px, 10px, 0); transform: translate(2px, 2px); }
 50% { clip: rect(0, 9999px, 25px, 0); transform: translate(-1px, 1px); }
 70% { clip: rect(0, 9999px, 15px, 0); transform: translate(1px, -1px); }
 100% { clip: rect(0, 9999px, 0, 0); }

}

@keyframes glitchBottom {

 0% { clip: rect(0, 9999px, 0, 0); }
 10% { clip: rect(25px, 9999px, 60px, 0); transform: translate(2px, 1px); }
 30% { clip: rect(35px, 9999px, 55px, 0); transform: translate(-1px, -2px); }
 50% { clip: rect(20px, 9999px, 50px, 0); transform: translate(2px, 0); }
 70% { clip: rect(30px, 9999px, 65px, 0); transform: translate(-2px, 2px); }
 100% { clip: rect(0, 9999px, 0, 0); }

}

</style>

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. Plug in, stay sharp, and remember: old thrones still cast long shadows.

🏙️ Explore the City

🛡️ Factions & Power

💾 Tech & Cyberlife

📖 Stories & Lore

All content licensed under Creative Commons BY-NC-SA 4.0.

✉️ Contact & Credits

Interested in the history of Cyberpunk? Click here!
Built and maintained by Cybernaut.Network
World design by Cybernaut.Network
Some visuals from Unsplash, Pixabay, and open source contributors.
Mediawiki skin by Skin:Citizen

@@ Line 1: / Line 1: @@
-<div style="
+<div class="glitch-banner">
-   background: linear-gradient(to right, #0f0f0f, #1a1a1a, #0f0f0f);
+   <span class="glitch-text" data-text="Neo-Europa 2084">Neo-Europa 2084</span>
-   padding: 2.5rem 1rem;
+</div>
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
+.glitch-banner {
+  background-color: black;
+   padding: 40px 20px;
    text-align: center;
-   border: 1px solid #00ffff33;
+   border: 2px solid #00ffff;
-  border-radius: 8px;
+   box-shadow: 0 0 15px #00ffff;
-   box-shadow: 0 0 20px #00ffff55;
+}
-  margin: 2rem 0;
-">
+.glitch-text {
-   <h1 style="
+   font-family: 'Orbitron', sans-serif;
-    font-family: 'Garamond', serif;
+  font-size: 48px;
-    font-size: 3rem;
+  color: #00ffff;
-    color: #00ffff;
+  text-shadow: 0 0 5px #00ffff;
-    margin: 0;
+  position: relative;
-    text-shadow:
+  display: inline-block;
-0 5px #00ffff,
+  animation: glitch 2s infinite;
-0 10px #00bfff,
+}
-0 20px #0088cc;
-   ">
+.glitch-text::before,
-    Neo-Europa 2084
+.glitch-text::after {
-   </h1>
+  content: attr(data-text);
-</div><center>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 [[History of Cyberpunk|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. 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;">
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  overflow: hidden;
+  color: #ff00ff;
+  z-index: -1;
+}
+.glitch-text::before {
+  animation: glitchTop 2s infinite;
+}
+.glitch-text::after {
+  color: #00ffff;
+  animation: glitchBottom 2s infinite;
+}
+@keyframes glitch {
+% { transform: none; }
+% { transform: skew(-0.5deg, -0.9deg); }
+% { transform: skew(0.9deg, 0.3deg); }
+% { transform: skew(-1deg, 0deg); }
+% { transform: skew(0.2deg, 1deg); }
+% { transform: none; }
+}
+@keyframes glitchTop {
+% { clip: rect(0, 9999px, 0, 0); }
+% { clip: rect(0, 9999px, 20px, 0); transform: translate(-2px, -2px); }
+% { clip: rect(0, 9999px, 10px, 0); transform: translate(2px, 2px); }
+% { clip: rect(0, 9999px, 25px, 0); transform: translate(-1px, 1px); }
+% { clip: rect(0, 9999px, 15px, 0); transform: translate(1px, -1px); }
+% { clip: rect(0, 9999px, 0, 0); }
+}
+@keyframes glitchBottom {
+% { clip: rect(0, 9999px, 0, 0); }
+% { clip: rect(25px, 9999px, 60px, 0); transform: translate(2px, 1px); }
+% { clip: rect(35px, 9999px, 55px, 0); transform: translate(-1px, -2px); }
+% { clip: rect(20px, 9999px, 50px, 0); transform: translate(2px, 0); }
+% { clip: rect(30px, 9999px, 65px, 0); transform: translate(-2px, 2px); }
+% { clip: rect(0, 9999px, 0, 0); }
+}
+</style><center>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 [[History of Cyberpunk|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. 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 -->