PocketDoc commited on
Commit
c932cfb
·
verified ·
1 Parent(s): 36566d9

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +51 -112
README.md CHANGED
@@ -1,5 +1,3 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
  <style>
4
  @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
5
 
@@ -8,155 +6,96 @@
8
  --crt-bg: #111112;
9
  }
10
 
11
- body {
12
- margin: 0;
13
  background: var(--crt-bg);
14
  color: var(--crt-amber);
15
  font-family: 'VT323', monospace;
16
  line-height: 1.6;
17
  font-size: 18px;
18
- }
19
-
20
- .crt-wrapper {
21
- position: fixed;
22
- top: 0;
23
- left: 0;
24
- width: 100%;
25
- height: 100%;
26
- background: var(--crt-bg);
27
  overflow: hidden;
28
- border-radius: 20px;
29
- box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.4);
 
30
  }
31
 
32
- .crt-content {
 
33
  position: absolute;
34
  top: 0;
35
  left: 0;
36
  right: 0;
37
  bottom: 0;
38
- width: 100%;
39
- height: 100%;
40
- overflow-y: auto;
41
- padding: 20px;
42
- transform: perspective(1500px) rotateX(2deg);
43
- transform-origin: 50% 50%;
44
- border-radius: 30px;
45
- }
46
-
47
- .content-container {
48
- max-width: 800px;
49
- margin: 0 auto;
50
- transform: scale(0.98);
51
- padding: 20px;
52
  }
53
 
54
- h1, h2, h3 {
 
 
 
55
  text-shadow: 0 0 5px rgba(228, 155, 62, 0.3),
56
  0 0 10px rgba(228, 155, 62, 0.2);
57
- color: #ff9940;
58
- }
59
-
60
- .terminal-header {
61
- border-bottom: 2px solid var(--crt-amber);
62
- margin-bottom: 2em;
63
- padding-bottom: 1em;
64
  }
65
 
66
- .section {
67
- margin-bottom: 2em;
68
- padding: 1em;
69
  background: rgba(228, 155, 62, 0.1);
70
  border: 1px solid rgba(228, 155, 62, 0.2);
 
 
 
71
  }
72
 
73
- code {
74
  background: rgba(228, 155, 62, 0.15);
75
  padding: 2px 5px;
76
  border-radius: 3px;
77
  }
78
 
79
- .vignette {
80
- position: fixed;
81
- top: 0;
82
- left: 0;
83
- width: 100%;
84
- height: 100%;
85
- pointer-events: none;
86
- background: radial-gradient(
87
- circle at center,
88
- transparent 60%,
89
- rgba(0, 0, 0, 0.4) 100%
90
- );
91
- z-index: 2;
92
- }
93
-
94
- .scanline {
95
- position: fixed;
96
- top: 0;
97
- left: 0;
98
- width: 100%;
99
- height: 100%;
100
- background: linear-gradient(
101
- to bottom,
102
- transparent 50%,
103
- rgba(0, 0, 0, 0.05) 51%
104
- );
105
- background-size: 100% 4px;
106
- pointer-events: none;
107
- z-index: 3;
108
- }
109
-
110
- /* Glowing effect for links */
111
- a {
112
  color: #ff9940;
113
  text-decoration: none;
114
  text-shadow: 0 0 5px rgba(255, 153, 64, 0.3);
115
  transition: all 0.3s ease;
116
  }
117
 
118
- a:hover {
119
  color: #ffb973;
120
  text-shadow: 0 0 8px rgba(255, 153, 64, 0.5);
121
  }
122
  </style>
123
 
124
- <div class="crt-wrapper">
125
- <div class="crt-content">
126
- <div class="content-container">
127
- <div class="terminal-header">
128
- <h1>SYSTEM INTERFACE v2.0</h1>
129
- <p>Welcome to the future of human-machine interaction</p>
130
- </div>
131
-
132
- <div class="section">
133
- <h2>PRIMARY FUNCTIONS</h2>
134
- <p>This is a next-generation neural interface designed for maximum efficiency in human-AI collaboration. The system supports multiple interaction modes and advanced processing capabilities.</p>
135
-
136
- <h3>Key Features:</h3>
137
- <ul>
138
- <li>Neural Processing Unit v7.2</li>
139
- <li>Quantum Memory Array</li>
140
- <li>Holographic Interface Support</li>
141
- </ul>
142
- </div>
143
 
144
- <div class="section">
145
- <h2>TECHNICAL SPECIFICATIONS</h2>
146
- <p>Running on <code>quantum-core-v3</code> with enhanced neural pathways.</p>
147
- <p>Memory allocation: 256 zettabytes</p>
148
- <p>Processing power: 1.21 gigawatts</p>
149
- </div>
150
 
151
- <div class="section">
152
- <h2>SYSTEM STATUS</h2>
153
- <p>All systems operational</p>
154
- <p>Current load: 42%</p>
155
- <p>Temperature: Optimal</p>
156
- </div>
157
- </div>
158
  </div>
159
- <div class="vignette"></div>
160
- <div class="scanline"></div>
161
- </div>
162
- </html>
 
 
 
1
  <style>
2
  @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
3
 
 
6
  --crt-bg: #111112;
7
  }
8
 
9
+ .cyberpunk-container {
 
10
  background: var(--crt-bg);
11
  color: var(--crt-amber);
12
  font-family: 'VT323', monospace;
13
  line-height: 1.6;
14
  font-size: 18px;
15
+ padding: 20px;
16
+ border-radius: 10px;
17
+ position: relative;
 
 
 
 
 
 
18
  overflow: hidden;
19
+ margin: 20px 0;
20
+ border: 1px solid var(--crt-amber);
21
+ box-shadow: 0 0 20px rgba(228, 155, 62, 0.2);
22
  }
23
 
24
+ .cyberpunk-container::before {
25
+ content: '';
26
  position: absolute;
27
  top: 0;
28
  left: 0;
29
  right: 0;
30
  bottom: 0;
31
+ background: linear-gradient(
32
+ transparent 50%,
33
+ rgba(0, 0, 0, 0.05) 51%
34
+ );
35
+ background-size: 100% 4px;
36
+ pointer-events: none;
37
+ z-index: 1;
 
 
 
 
 
 
 
38
  }
39
 
40
+ .cyberpunk-container h1,
41
+ .cyberpunk-container h2,
42
+ .cyberpunk-container h3 {
43
+ color: #ff9940;
44
  text-shadow: 0 0 5px rgba(228, 155, 62, 0.3),
45
  0 0 10px rgba(228, 155, 62, 0.2);
46
+ margin-top: 1em;
 
 
 
 
 
 
47
  }
48
 
49
+ .cyberpunk-section {
 
 
50
  background: rgba(228, 155, 62, 0.1);
51
  border: 1px solid rgba(228, 155, 62, 0.2);
52
+ padding: 15px;
53
+ margin: 15px 0;
54
+ border-radius: 5px;
55
  }
56
 
57
+ .cyberpunk-container code {
58
  background: rgba(228, 155, 62, 0.15);
59
  padding: 2px 5px;
60
  border-radius: 3px;
61
  }
62
 
63
+ .cyberpunk-container a {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
64
  color: #ff9940;
65
  text-decoration: none;
66
  text-shadow: 0 0 5px rgba(255, 153, 64, 0.3);
67
  transition: all 0.3s ease;
68
  }
69
 
70
+ .cyberpunk-container a:hover {
71
  color: #ffb973;
72
  text-shadow: 0 0 8px rgba(255, 153, 64, 0.5);
73
  }
74
  </style>
75
 
76
+ <div class="cyberpunk-container">
77
+ <h1>NEURAL INTERFACE v2.0</h1>
78
+
79
+ <div class="cyberpunk-section">
80
+ <h2>SYSTEM STATUS</h2>
81
+ <p>Neural Core: ONLINE</p>
82
+ <p>Memory Banks: OPERATIONAL</p>
83
+ <p>Quantum Processing: ACTIVE</p>
84
+ </div>
 
 
 
 
 
 
 
 
 
 
85
 
86
+ <div class="cyberpunk-section">
87
+ <h2>TECHNICAL SPECIFICATIONS</h2>
88
+ <p>Running on <code>quantum-core-v3</code></p>
89
+ <p>Memory: 256 ZB</p>
90
+ <p>Processing: 1.21 GW</p>
91
+ </div>
92
 
93
+ <div class="cyberpunk-section">
94
+ <h2>CURRENT OBJECTIVES</h2>
95
+ <ul>
96
+ <li>Data Analysis</li>
97
+ <li>Pattern Recognition</li>
98
+ <li>Quantum Calculations</li>
99
+ </ul>
100
  </div>
101
+ </div>