|
|
| Line 4: |
Line 4: |
|
| |
|
| <style> | | <style> |
| @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
| | <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;"> |
| | |
| .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><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 --> | | <!-- EXPLORE THE CITY --> |
<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.All content licensed under Creative Commons BY-NC-SA 4.0.
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
