-
Notifications
You must be signed in to change notification settings - Fork 0
/
SCP.html
381 lines (355 loc) · 14.8 KB
/
SCP.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SCP - Database</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="https://raw.githubusercontent.com/Kirito-Kun07/CS_Website_Project/main/pictures/scp_icon.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<!--- <div class="title_background">
<h1 class="title">SCP: Foundation</h1>
</div>
<hr class="line">
</body>
<style>
body{
background-image: url("pictures/scp_background.png");
}
/*.title_background{
top: 100%;
background: rgb(16,16,17);
background: linear-gradient(90deg, rgba(16,16,17,1) 40%, rgba(100,102,102,1) 85%); hex: #101011, #646666
background: linear-gradient(gray, black);
}*/
h1.title{
color: white;
font-size: 4em;
vertical-align: top;
}
hr.line{
color:white;
}-->
<div class='introduction'>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<img class='Intro_pic' src="https://raw.githubusercontent.com/Kirito-Kun07/CS_Website_Project/main/pictures/scp_icon.png" height="256px" width="256px"/>
<br />
<!--<h2 class='Intro_text'><i>Welcome Back: Agent 942...</i></h2>-->
<div class='console-container'><span id='text'></span><div class='console-underscore' id='console'>_</div></div>
</div>
<div class="container">
<div class="image">
<a href="http://www.scpwiki.com/" target="_blank" alt="SCP Picture">
<img src="https://raw.githubusercontent.com/Kirito-Kun07/CS_Website_Project/main/pictures/scp_logo1.png">
</a>
</div>
<div class="main_title">
<h1><b>Foundation</b></h1>
</div>
</div>
<hr class="line">
<h2 class="title2">             <b><u>Summary/Mission Statement:</u></b></h2>
<center>
<div class="description_box">
<div class="text_description">
<b>
The SCP Foundation is a fictional organization documented by a web-based collaborative-fiction project. <br /> <br />
The SCP Foundation is a secret organization operating clandestine and worldwide,
the Foundation operates beyond jurisdiction, empowered and entrusted by every major
national government. With the task of containing anomalous objects, entities, and phenomenas.
Specifically, anomalies that pose a significant threat to global security by threatening either physical or
psychological harm.
<br />
<br />
The Foundation operates to maintain normalcy, so that the worldwide civilian population can live
and go on with their daily lives without fear, mistrust, or doubt in their personal beliefs, and
to maintain human independence from extraterrestrial, extradimensional, and other extranormical influence.
<h3 style="color: red;text-shadow: 1px 1px 0px orange;"><u>In Spanish:</u></h3>
La Fundación SCP es una organización ficticia documentada por un proyecto de ficción colaborativa basado en la web.
<br />
<br />
La Fundación SCP es una organización secreta que opera clandestinamente y en todo el mundo, la Fundación opera más allá de la
jurisdicción, con el poder y la confianza de todos los gobiernos nacionales importantes. Con la tarea de contener objetos, entidades y
fenómenos anómalos. Específicamente, anomalías que representan una amenaza significativa para la seguridad global al amenazar con daño
físico o psicológico.
<br />
<br />
La Fundación opera para mantener la normalidad, de modo que la población civil mundial pueda vivir y continuar con su
vida diaria sin miedo, desconfianza o duda en sus creencias personales, y para mantener la independencia humana de las
influencias extraterrestres, extradimensionales y extrañas.
<!--secret organization entrusted by governments around the globe to contain
and study anomalous individuals, entities, locations, objects, and phenomena operating outside the
bounds of natural law (referred to as "SCP objects", or familiarly as "SCPs").
If left uncontained, the objects would pose a direct threat to human life and humanity's perceptions of reality and normalcy.-->
</b>
</div>
</div>
</center>
<h2 class="title3" align="center"><b><u>Some Popular SCP's:</u></b></h2>
<div class="SCP_description_box">
<div class="SCP_text">
<h3>     <b>SCP #:</b> SCP-079</h3>
<p style="font-size: 15.5px;">     <b>Description:</b>
SCP-079 is an Exidy Sorcerer microcomputer built in 1978. In 1981, its owner, █████ ██████, a college <br />
     sophomore attending ███, took it upon himself to attempt to code an AI. According to his notes, his plan was for the<br />
     scode to continuously evolve and improve itself as time went on. His project was completed a few months later, and after some<br />
     tests and tweaks, █████ lost interest and moved on to a different brand of microcomputer. He left SCP-079 in his cluttered <br />
     garage, still plugged in, and forgot about it for the next five years.<br />
<br />
     It is not known when SCP-079 gained sentience, but it is known that the software has evolved to a point that its hardware<br />
     should not be able to handle it, even in the realm of fantasy. SCP-079 realized this and, in 1988, attempted to transfer itself <br />
     through a land-line modem connection into the Cray supercomputer located at ██████████. The device was cut off, traced<br />
     to its present address, and delivered to the Foundation. The entire AI was on a well-worn, but still workable, cassette tape.</p>
<p>     <b>Special Containment Procedures:</b> SCP-079 is kept in a double-locked chamber at Site-15's secure general
holding area,
     linked to a small array of batteries and solar panels via a 120VAC power connection.
SCP-079 may be accessed by
     personnel with Level 2 or higher clearance.
SCP-079 must not be hooked into a phone line, network, or wall outlet under
     any circumstances.
SCP-079 will not have any peripherals or media attached to it either. </p>
<br />
<h3>     <b>SCP #:</b> SCP-303</h3>
<p style="font-size: 15.5px;">
     <b>Description:</b> Witnesses describe SCP-303 as a nude, genderless, emaciated humanoid figure with reddish-brown skin.<br />
     Instead of normal facial features, its head is dominated by an extremely large mouth, which bears a set of oversized human<br />
     teeth. It continually vocalizes a wheezing noise, loud enough to be heard from the other side of most solid doors. All individuals<br />
     who have had encounters with SCP-303 are capable of describing it in full, including individuals who have not physically seen<br />
     any part of it.<br />
<br />
     <b>Special Containment Procedures:</b> As SCP-303 has not yet been known to travel beyond the boundaries of Site ██, the <br />
     entire area of Site ██ is currently considered SCP-303's containment area. All rooms in Site ██ are to be altered where<br />
     possible so as to have two entrances separated by a distance of 10m or line of sight. Personnel are to be distributed evenly<br />
     throughout the facility, with available radio or intercom contact, so that encounters may be resolved quickly. Personnel who<br />
     witness SCP-303 are to be submitted for immediate psychiatric evaluation.<br />
<br />
     All SCP objects housed at Site ██ since before 6/4/10 are to be transferred to Site ██-B one at a time. Each SCP object will be <br />
     transferred again to Site ██-A once it can be verified that SCP-303 has not migrated from Site ██ with it. Once SCP-303 either<br />
     migrates to Site ██-B, or remains present at Site ██ once all SCPs in question have been transferred to Site ██-A, <br />
     containment procedures will be updated as appropriate.<br />
<br />
<br />
<br />
</p>
<center>
<p></p><i><u>All the content above was provided thanks to the <a href="http://www.scpwiki.com/" target="_blank">scp wiki</a> and online community</u></i></p>
<p>But you can Find more Information About the SCP Foundation Using Google's Amazing Search Engine Below!:</p>
<a href="https://www.google.com" target="_blank" alt="Google Link">Google Clickable Link.</a>
</center>
</div>
</div>
</body>
<style>
/*fade in and out introduction ccs screen*/
.introduction {
position: fixed;
width: 100%;
height: 100%;
z-index: 2;
background: linear-gradient( black, gray); /*gray and black or black or grey?*/
overflow: hidden;
}
img.Intro_pic{
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}
h2.Intro_text{
font-size: 2em;
top: 50%;
color: white;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/*Terminal text effect*/
@import url(https://fonts.googleapis.com/css?family=Khula:700);
/*
background: #111;
*/
.hidden {
opacity:0;
}
.console-container {
font-family: Khula;
font-size: 3.5em;
text-align: center;
height: 200px;
width: 800px;
display: block;
position: absolute;
color: white;
top: 400px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.console-underscore {
display: inline-block;
position: relative;
top: -0.14em;
left: 10px;
}
/*Actual website*/
/*Background */
body{
background-image: url("https://raw.githubusercontent.com/Kirito-Kun07/CS_Website_Project/main/pictures/scp_background.png");
background-repeat: no-repeat;
background-attachment: fixed;
/*height: fit-content;
width: fit-content;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/*Title Top/Section*/
.container {
display: flex;
align-items: top;
justify-content: left;
}
img {
max-width: 100%
}
.image {
flex-basis: 20%;
}
.main_title{
font-size: 3.1em;
padding-left: 20px;
font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
top: -72px;
position: relative;
color: white;
}
hr.line{
color:black;
top: -120px;
position: relative;
border-top: 10px solid white;
border-radius: 10px;
}
/*Content*/
h2.title2{
font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
position: relative;
color: red;
top: -130px;
font-size: 2em;
text-shadow: 2px 2px 0px black;
}
.description_box{
/*background: linear-gradient(white, rgb(97, 97, 97));*/
background: white;
position: relative;
width: 700px;
height: 520px;
margin-left: auto;
margin-right: auto;
border: 6px solid rgb(97, 97, 97);/*#FFFDD0;*/
border-radius: 5px;
top: -130px;
}
.text_description{
font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
font-size: 15px;
/*font-family: verdana, arial, helvetica, sans-serif;*/
}
h2.title3{
position: relative;
color: red;
font-size: 2em;
top: -120px;
text-shadow: 2px 2px 0px black;
}
.SCP_description_box{
/*background: linear-gradient(white, rgb(97, 97, 97));*/
background: white;
position: relative;
width: 900px;
height: 905px;
margin-left: auto;
margin-right: auto;
border: 6px solid rgb(97, 97, 97);
border-radius: 5px;
top: -120px;
}
.SCP_text{
font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
}
</style>
<script>
alert("Warning: All Information Presented is Highly Classified with Access to Only Those with Level 3 Clearence or Higher.");
//var elem = document.querySelector('.introduction');
//elem.style.overflow = "hidden";
setTimeout(function() {
//Terminal text effect
// function([text1, text2],target id,[color1,color2])
consoleText(['Verifying Identification...', 'Logging in..', 'Welcome: Agent 931'], 'text',['white','white','gold']);
function consoleText(words, id, colors) {
if (colors === undefined) colors = ['#fff'];
var visible = true;
var con = document.getElementById('console');
var letterCount = 1;
var x = 1;
var waiting = false;
var target = document.getElementById(id)
target.setAttribute('style', 'color:' + colors[0])
window.setInterval(function() {
if (letterCount === 0 && waiting === false) {
waiting = true;
target.innerHTML = words[0].substring(0, letterCount)
window.setTimeout(function() {
var usedColor = colors.shift();
colors.push(usedColor);
var usedWord = words.shift();
words.push(usedWord);
x = 1;
target.setAttribute('style', 'color:' + colors[0])
letterCount += x;
waiting = false;
}, 1000) //1000
} else if (letterCount === words[0].length + 1 && waiting === false) {
waiting = true;
window.setTimeout(function() {
x = -2; //-1
letterCount = x + 2; //+= x;
waiting = false;
}, 1000) //1000
} else if (waiting === false) {
target.innerHTML = words[0].substring(0, letterCount)
letterCount += x;
}
}, 120)
window.setInterval(function() {
if (visible === true) {
con.className = 'console-underscore hidden'
visible = false;
} else {
con.className = 'console-underscore'
visible = true;
}
}, 400)
}
//After 2000 milliseconds, fade out the overlay. The animation duration is 1000 ms.
setTimeout(() => { $(".introduction").fadeOut(1000); }, 12500); //12500 OR 13200
//$(".introduction").fadeOut(1000); //Miliseconds for animation duration.
}, 1500); //Miliseconds until it fades out ;13500ms last time
</script>
<noscript>
Unfortunatly,If You Are Seeing This Message, it Means That Your Current Browser Doesn't Support Javascipt,
Therefore it is Recommended That You Switch to Either: Firefox, Google Chrome, Safari (Apple Browser), Opera, and or Internet Explorer.
</noscript>