PocketDoc's picture
Update README.md
c932cfb verified
|
raw
history blame
2.14 kB
<style>
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
:root {
--crt-amber: #e49b3e;
--crt-bg: #111112;
}
.cyberpunk-container {
background: var(--crt-bg);
color: var(--crt-amber);
font-family: 'VT323', monospace;
line-height: 1.6;
font-size: 18px;
padding: 20px;
border-radius: 10px;
position: relative;
overflow: hidden;
margin: 20px 0;
border: 1px solid var(--crt-amber);
box-shadow: 0 0 20px rgba(228, 155, 62, 0.2);
}
.cyberpunk-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
transparent 50%,
rgba(0, 0, 0, 0.05) 51%
);
background-size: 100% 4px;
pointer-events: none;
z-index: 1;
}
.cyberpunk-container h1,
.cyberpunk-container h2,
.cyberpunk-container h3 {
color: #ff9940;
text-shadow: 0 0 5px rgba(228, 155, 62, 0.3),
0 0 10px rgba(228, 155, 62, 0.2);
margin-top: 1em;
}
.cyberpunk-section {
background: rgba(228, 155, 62, 0.1);
border: 1px solid rgba(228, 155, 62, 0.2);
padding: 15px;
margin: 15px 0;
border-radius: 5px;
}
.cyberpunk-container code {
background: rgba(228, 155, 62, 0.15);
padding: 2px 5px;
border-radius: 3px;
}
.cyberpunk-container a {
color: #ff9940;
text-decoration: none;
text-shadow: 0 0 5px rgba(255, 153, 64, 0.3);
transition: all 0.3s ease;
}
.cyberpunk-container a:hover {
color: #ffb973;
text-shadow: 0 0 8px rgba(255, 153, 64, 0.5);
}
</style>
<div class="cyberpunk-container">
<h1>NEURAL INTERFACE v2.0</h1>
<div class="cyberpunk-section">
<h2>SYSTEM STATUS</h2>
<p>Neural Core: ONLINE</p>
<p>Memory Banks: OPERATIONAL</p>
<p>Quantum Processing: ACTIVE</p>
</div>
<div class="cyberpunk-section">
<h2>TECHNICAL SPECIFICATIONS</h2>
<p>Running on <code>quantum-core-v3</code></p>
<p>Memory: 256 ZB</p>
<p>Processing: 1.21 GW</p>
</div>
<div class="cyberpunk-section">
<h2>CURRENT OBJECTIVES</h2>
<ul>
<li>Data Analysis</li>
<li>Pattern Recognition</li>
<li>Quantum Calculations</li>
</ul>
</div>
</div>