<html><script type="text/javascript" class="__REQUESTLY__SCRIPT">(function(namespace) {
window[namespace] = window[namespace] || {};
window[namespace].responseRules = {};
let open = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function(method) {
this.addEventListener('readystatechange', function() {
if (this.readyState === 4 && window[namespace].responseRules.hasOwnProperty(this.responseURL)) {
const responseRule = window[namespace].responseRules[this.responseURL];
const {response, id} = responseRule;
const responseType = this.responseType;
let customResponse;
customResponse = response.type === 'code' ? responseRule.evaluator({
method,
url: this.responseURL,
requestHeaders: this.requestHeaders,
requestData: this.requestData,
responseType: this.responseType,
response: this.response
}) : response.value;
Object.defineProperty(this, 'response', {
get: function () {
if (response.type === 'static' && responseType === 'json') {
return JSON.parse(customResponse);
}
return customResponse;
}
});
if (responseType === '' || responseType === 'text') {
Object.defineProperty(this, 'responseText', {
get: function () {
return customResponse;
}
});
}
window.postMessage({
from: 'requestly',
type: 'response_rule_applied',
id
}, window.location.href);
}
}, false);
open.apply(this, arguments);
};
let send = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(data) {
this.requestData = data;
send.apply(this, arguments);
};
let setRequestHeader = XMLHttpRequest.prototype.setRequestHeader;
XMLHttpRequest.prototype.setRequestHeader = function(header, value) {
this.requestHeaders = this.requestHeaders || {};
this.requestHeaders[header] = value;
setRequestHeader.apply(this, arguments);
}
})('__REQUESTLY__')</script><head>
<meta charset="UTF-8">
<link rel="icon" href="favicon.ico" type="image/png">
<title>You Need A Magic Word!</title>
<meta name="description" content="Magic Word Is Needed!">
<meta name="theme-color" content="cyan">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<link rel="stylesheet" type="text/css" href="modern-normalize.css">
<link rel="stylesheet" type="text/css" href="global.css">
<link rel="stylesheet" type="text/css" href="list.css">
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script><script src="//code.jquery.com/jquery-1.12.4.js"></script><style>
table {
width: 100%;
max-width: 100%;
margin-bottom: 127px;
margin-right: auto;
margin-left: auto;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
}
@media(min-width: 768px) {
table {
width: 750px;
}
}
@media(min-width: 992px) {
table {
width: 970px;
}
}
@media(min-width: 1200px) {
table {
width: 1170px;
}
}
thead {
font-weight: 200;
}
td {
padding: 8px;
vertical-align: middle;
line-height: 1.42857143;
}
thead {
border-bottom: 2px solid #ddd;
}
tbody>tr {
border-top: 0;
border-bottom: 1px solid #ddd;
}
tbody>tr:hover {
background-color: #f5f5f5;
}
tr>:nth-child(1) {
width: 64px;
}
tr>:nth-child(1)>img {
height: 36px;
}
tr>:nth-child(1) {
word-break: break-word;
}
tr>:nth-child(2) {
color: #999;
}
tr>:nth-child(3) {
width: 250px;
}
tr>:nth-child(3)>* {
display: inline-block;
text-align: center;
font-size: 12px;
width: 8.5px;
}
tr>:nth-child(4) {
font-family: 'GlyphiconsRegular';
text-decoration: none;
padding-top: 5px;
font-size: 14px;
width: 90px;
}
tr>:nth-child(4)>a {
display: inline-block;
text-decoration: none;
padding-right: 10px;
color: #474747;
}
tr>:nth-child(4)>a:hover {
color: #d85e27;
}
tr>:nth-child(4)>:nth-child(1)::before {
content: '\E174';
}
tr>:nth-child(4)>:nth-child(2)::before {
content: '\E235';
}
tr>:nth-child(4)>:nth-child(3)::before {
content: '\E182';
}
tfoot>tr>td {
text-align: center;
border: none;
}
tfoot>tr>td>a {
text-decoration: none;
color: #474747;
font-size: 14px;
}
form {
display: none;
}
/***
this css has the general header/footer layout stuff
***/
/**
general
**/
html,body{
background: #fff;
color: #474747;
font: 16px/1.5 'Sailec', Arial, sans-serif;
width:100%;height:100%;
}
body {
display: flex;
flex-direction: column;
}
/**
header
**/
header {
/* style */
background: #1e1e1e;
color: #fff;
text-align: center;
/* layout */
height: 44px;
padding: 0 15px;
display: flex;
justify-content: space-between;
}
#logo {
margin-top: 4px;
height: 35px;
}
/* buttons */
.button_big,
.button_small {
/* style */
font-size: 14px;
text-decoration: none;
color: #fff;
border-radius: 6px;
/* layout */
display: inline-block;
padding: 5px 10px;
margin: 6px 5px;
}
.button_big:hover,
.button_small:hover {
cursor: pointer;
}
/* small buttons */
.button_small { background: #333 }
.button_small:hover { background: #444; color: #d85e27 }
/* big buttons */
.button_big {
background-color: #d85e27;
width: 160px;
}
.button_big:hover {
text-decoration: underline;
}
/**
header dropdowns
**/
/* change button margin/padding to fit dropdown */
.dropdown_contain { padding: 0; margin: 6px 5px; }
.dropdown_button { margin: 0; padding: 5px 10px; }
/* make dropdown appear on hover */
.dropdown_contain:hover>nav {
display: block;
cursor: default;
}
/* the dropdown itself */
.dropdown_menu {
/* style */
background-color: #444;
border-radius: 6px;
/* layout */
width: 100%;
padding: 10px 0;
margin: 0;
text-align: left;
/* hover stuff */
position: relative;
float: left;
display: none;
}
/* dropdown links */
.dropdown_menu>a {
/* style */
color: #ddd;
text-decoration: none;
/* layout */
display: block;
padding: 2px 20px;
}
.dropdown_menu>a:hover {
background: #222;
color: #d85e27;
cursor: pointer;
}
/* dropdown header and separation */
.dropdown_menu>h2 {
/* style */
color: #fff;
font-size: 15px;
/* layout */
margin:0;
padding:2px 20px;
}
.dropdown_menu>hr {
border: 1px solid #222;
margin: 10px 0;
}
/**
footer
**/
footer{
background: #1e1e1e;
margin-top: auto; /* footer at the foot */
display: flex;
justify-content: space-between
}
footer nav { margin:5px 10px}
/* links */
footer a {
color: #fff;
text-decoration:none;
margin: 0 10px;
font-weight: bold;
}
footer a:hover {
text-decoration: underline;
}
/**
font importing
**/
@font-face {
font-family: 'Sailec';
font-weight: 100;
src: url('Sailec-Thin.woff') format('woff');
}
@font-face {
font-family: 'Sailec';
font-weight: 200;
src: url('Sailec-Light.woff') format('woff');
}
@font-face {
font-family: 'Sailec';
font-weight: 400;
src: url('Sailec-Regular.woff') format('woff');
}
@font-face {
font-family: 'Sailec';
font-weight: 500;
src: url('Sailec-Medium.woff') format('woff');
}
/* font weight 500 and font weight 700 (bold) are the same for better integration support */
@font-face {
font-family: 'Sailec';
font-weight: 700;
src: url('Sailec-Medium.woff') format('woff');
}
@font-face {
font-family: 'GlyphiconsRegular';
src: url('glyphicons-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*! modern-normalize v0.6.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
:root {
-moz-tab-size: 4;
tab-size: 4;
}
/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
margin: 0;
}
/*
Grouping content
================
*/
/**
Add the correct height in Firefox.
*/
hr {
height: 0;
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family:
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
}
/**
Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
Remove the inner padding in Chrome and Safari on macOS.
*/
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
body { text-align: center; }
#error { color:red; font-weight: bold; }
#error2 { color:red; font-weight: bold; }
</style></head>
<body>
<div>
<h1 style="margin:0"><a href="list.html" alt="Wrapper: Online"><img id="logo" src="list_logo.png" alt="Wrapper: Online"></a></h1>
<div id="headbuttons">
<img src="finger.gif" alt="Ah ah ah." onclick="alert('Ah ah ah! You didn\'t say the magic word!')">
<p>Enter the magic word:</p>
<input type="text" id="magic" placeholder="Your magic word here."><button onclick="detectMagic()">Access</button>
<div id="error2" style="display:none;"></div>
<div id="error" style="display:none;">Ah ah ah! You didn't say the magic word!</div>
<audio id="ohnoman" src="jurassic.mp3">The audio is not supported.</audio>
<br>
<script>
function detectMagic(){
if(document.getElementById('magic').value == "ONUTESAULUTERETARDSAREGOINGTORAIDME"){document.cookie = "youarefuckinggrounded920";window.location.href = "videos.html"}
else { $('#error').show('slow');$('#error2').show('slow');document.getElementById('ohnoman').play();document.getElementById('error2').innerHTML = document.getElementById('magic').value + " - Access denied, but";setTimeout(function(){$('#error').hide('slow');$('#error2').hide('slow')}, 3500) }
}
</script>
</div></div></body></html>