PocketDoc commited on
Commit
b79e4cc
·
verified ·
1 Parent(s): 4eaf61e

Create README.md

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