Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Main Page: Difference between revisions

From Cybernaut Network
mNo edit summary
mNo edit summary
 
(7 intermediate revisions by the same user not shown)
Line 12: Line 12:
}
}


/* NAVBAR STYLING */
.panel {
.navbar {
   transition: transform 0.3s ease;
   display: flex;
  flex-wrap: wrap; /* allows wrapping on small screens */
  background-color: #111;
  padding: 1em;
  justify-content: center;
  gap: 20px;
  border-bottom: 2px solid #00ffcc;
  font-family: 'Orbitron', sans-serif;
}
}


.nav-wrapper {
.panel:hover {
   position: relative;
  transform: scale(1.05);
  z-index: 2;
   box-shadow: 0 0 12px rgba(0, 255, 255, 0.3);
}
}


/* NAV ITEM */
.cookie-banner {
.nav-item {
   position: fixed;
   color: #00ffcc;
   bottom: 0;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 0 6px #00ffcc;
  cursor: pointer;
  transition: all 0.3s ease;
   padding: 0.5em 1em;
}
 
/* HOVER STYLE */
.nav-item:hover {
  color: #ffffff;
  text-shadow: 0 0 10px #00ffcc, 0 0 20px #00ffcc;
}
 
/* DROPDOWN */
.nav-wrapper:hover .dropdown {
  display: block;
}
 
.dropdown {
  display: none;
  position: absolute;
  top: 100%;
   left: 0;
   left: 0;
  width: 100%;
   background-color: #111;
   background-color: #111;
  padding: 10px;
  border: 1px solid #00ffcc;
  border-radius: 6px;
  box-shadow: 0 0 10px #00ffcc88;
  z-index: 100;
  min-width: 160px;
}
/* DROPDOWN LINKS */
.dropdown a {
  display: block;
   color: #00ffcc;
   color: #00ffcc;
   text-decoration: none;
   font-family: 'Orbitron', sans-serif;
   margin: 5px 0;
  padding: 1em 1.5em;
   font-size: 0.9em;
   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;
}
}


.dropdown a:hover {
.cookie-banner span {
   color: #fff;
   margin: 0.5em;
  text-shadow: 0 0 5px #00ffcc;
}
}


/* MOBILE FIXES */
.cookie-banner button {
@media screen and (max-width: 600px) {
   margin: 0.5em;
   .navbar {
  padding: 0.5em 1em;
    flex-direction: column;
  font-family: 'Orbitron', sans-serif;
    align-items: center;
   background-color: #00ffcc;
   }
  color: #000;
  .nav-wrapper {
   border: none;
    width: 100%;
   border-radius: 5px;
    text-align: center;
  cursor: pointer;
   }
  font-weight: bold;
   .dropdown {
  font-size: 13px;
    position: static;
   transition: background-color 0.3s;
    width: 100%;
    margin-top: 5px;
    box-shadow: none;
   }
}
}


.panel {
.cookie-banner button:hover {
  transition: transform 0.3s ease;
   background-color: #00e6b8;
}
 
.panel:hover {
   transform: scale(1.05);
  z-index: 2;
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.3);
}
}


Line 115: 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><br><br>
</div>
 
 
<div class="navbar">
  <div class="nav-wrapper">
    <div class="nav-item">Information</div>
    <div class="dropdown">
      <a href="Cybernaut_Network:About">About Neo-Europa</a>
      <a href="Glossary (OOC)">Glossary</a>
      <a href="History of Cyberpunk">History of Cyberpunk</a>
    </div>
  </div>
  <div class="nav-wrapper">
    <div class="nav-item">Factions</div>
    <div class="dropdown">
      <a href="#">Seven Families</a>
      <a href="#">Council of Nobles</a>
      <a href="#">Guilds</a>
    </div>
  </div>
  <div class="nav-wrapper">
    <div class="nav-item">Tech</div>
    <div class="dropdown">
      <a href="#">Cypherspace</a>
      <a href="#">Spinal Gate</a>
      <a href="#">Cyberpsychosis</a>
    </div>
  </div>
  <div class="nav-wrapper">
    <div class="nav-item">Stories</div>
    <div class="dropdown">
      <a href="#">Anthology Hub</a>
      <a href="#">Short Stories</a>
      <a href="#">Novels</a>
    </div>
  </div>
</div><br>


<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>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.
Line 179: 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="new cyberpunk-link">Minor Corporations</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>
   <li><a href="Top Guilds" class="cyberpunk-link">Top Guilds</a></li>
</ul>
</ul>
Line 257: Line 177:
   }, 5000);
   }, 5000);
</script>
</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
Neo-Europa Banner
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.
🔧 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