<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html>
<style>@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,900,700italic,900italic);
* { font-family: 'Roboto', sans-serif; line-height:1.2; vertical-align:middle; }
body { background:#222; }
main {
display:block;
position:relative;
max-width:99%;
margin:3vh auto;
padding:3rem 0 0;
background: rgba(255,255,255,0.15);
outline
overflow:hidden;
/* crazy 88 anyone? */
transform:scale(.88);
transform-origin:center 3rem;
transition:transform .3s;
}
body:hover main {
transform:scale(1.0);
}
header {
position:absolute;
z-index:0;
top:0; left:0; right:0;
height:13rem;
border-radius:1px;
transition:transform .5s, opacity .3s;
background:url(http://webmx.me/assets/img/Google-chrome-backgrounds-13.jpg) center center;
no-repeat:no-repeat;
background-size:cover;
}
input, .card {
position:relative;
z-index:2;
}
input {
display:block;
width:35%;
margin:.0rem 1rem 2rem;
border:1em;
font-size:1.2rem;
padding:2rem 1.5rem;
border-radius:2px;
box-shadow:0 1px 2px #aaa;
transition:.5s, margin-bottom .15s;
word-wrap: break-word;
}
input:focus {
margin:0 1rem 1rem;
outline:0;
/* enabling will take this graphic assuming its still the header background and as it fades out on clikc it fades into the input box, pretty goddamn fucking cool sort of
background:url(http://webmx.me/assets/img/Google-chrome-backgrounds-13.jpg) center center;
no-repeat:no-repeat;
background-size:cover; */
/* crazier 88 anyone? */
width:94%;
font-size:2.6em;
color:#666;
}
input:focus + header {
transform:translate3d(0,-10rem,0);
opacity:0;
}
.card {
padding:1.8rem;
box-shadow:0 1px 2px #aaa;
background:white;
margin:1 1rem 1rem;
border-radius:2px;
wrap-text:on;
user-select:none;
animation:fly-in-from-left .5s 1s ease both;
transform-origin:top left;
}
.card:nth-child(even){
animation-name:fly-in-from-right;
animation-delay:1.1s;
transform-origin:top right;
}
@keyframes fly-in-from-left {
from {
transform:translateY(15rem) rotate(15deg);
opacity:0;
}
}
@keyframes fly-in-from-right {
from {
transform:translateY(15rem) rotate(-15deg);
opacity:0;
}
}
.card:after {
position:absolute;
font-size:.9rem;
top:1.5rem;
right:1rem;
content:"i";
border:thin solid gray;
color:gray;
width:1rem;
line-height:1rem;
text-align:center;
border-radius:50%;
pointer-events:none;
word-wrap: break-word;
}
h1 {
font-size:2rem;
font-weight:200;
word-wrap: break-word;
}
strong {
font-weight:300;
color:#539D00;
word-wrap: break-word;
}
h2 {
font-size:1.4rem;
color:gray;
font-weight:400;
word-wrap: break-word;
}
.map {
height:12rem;
background:whitesmoke;
margin:.5rem 0 0 -1.5rem;
width:25rem;
word-wrap: break-word;
}
@media(max-width:375px) {
.map {width:100%;}
.main{width:100%;}
.input{width:15rem;}
.h2 {font-size:1.4rem;}
.h1 {font-size:1rem;}
}
@media(max-width:768px) {
.map { width:100%;}
.input {width:15rem;}
.main{ width:23rem;}
.h2 {font-size:1.7rem;}
.h1 {font-size:2rem;}
}
@media(max-width:1000x) {
.map { width:100%;}
.input {width: 20rem;}
.main{ width:100%;}
.h2 {font-size:2rem;}
.h1 {font-size:2.5rem;}
}
</style></head><body>
<main>
<!--deprecated soon any day, in august for chromium and chrome, security vulnerabiliies and eavesdropping... -->
<form action="/search" id="f" method="get"><div id="hf"></div><div id="fkbx"><input id="q" aria-hidden="true" autocomplete="off" name="q" tabindex="-1" type="url" jsaction="mousedown:ntp.fkbxclk"><div id="fkbx_crt"></div><div id="fkbx-spch" tabindex="0"></div><div id="fkbx-hspch" tabindex="0"></div><div id="fkbx-hht">Say "Ok Google"</div><div id="fkbx-tchm"><div id="fkbx-chme"><div class="_gSc"></div><div>Not listening. Something went wrong.</div><div><a href="#" id="fkbx-chmer" tabindex="1">Restart listening</a><a href="#" id="fkbx-chmed" tabindex="1">Help</a></div></div><div id="fkbx-chmt"><div>Hotword detection is off.</div><a href="#" id="fkbx-chmtr" tabindex="1">Start listening for "Ok Google"</a></div></div><div id="chw-o"><div class="_lSc"><div class="_mSc">Say "Ok Google" to start a voice search.</div><p class="_kSc">Search without lifting a finger. When you say "Ok Google," Chrome will search for what you say next.</p><div><a href="https://support.google.com/chrome/?p=ui_hotword_search" target="_blank">Learn more</a><button class="_dKb _k3" href="#" id="hotword__chw-on" jsaction="chw.optInNoThanksButtonClicked">No thanks</button><button class="_dKb _WW" href="#" id="hotword__chw-oe" jsaction="chw.optInEnableButtonClicked">Enable "Ok Google"</button></div></div><div class="_jSc"><div class="_tyd"><label class="_fdc"><input class="_hSc" checked="true" type="checkbox" jsaction="chw.handleAudioLoggingInteraction"><span class="_iSc">Improve voice search by sending the sound of "Ok Google," and a few seconds before, to Google.</span></label></div></div></div></div></form>
<!-- <input placeholder="Search or say OK Google" x-webkit-speech autocomplete="off" /> -->
<form action="http://www.google.com/search?q=search_query&ob=search_query&rlz=off&pws=0&hl=en&gl=US&source=chrome&ie=UTF-8&num=5&start=1" id="searchYT" target="_blank">
<div> <input type="text" name="q" id="Search" tabindex="1" size="25" maxlength="255" autofocus="" required="" x-webkit-speech="">
<div class="gsst_b sbib_c" id="gs_st0" dir="ltr"><a class="gsst_a" href="javascript:void(0)" aria-label="Search by voice"><span class="gsri_a gsst_e" id="gsri_ok0"></span></a><div id="chmo"><div id="chm"><div class="chmp"><div class="chmpi chmp"></div></div><div style="display: none;"><div class="chma"></div><div>Not listening. Something went wrong.</div><div><a>Restart listening</a><a style="padding-left: 10px;">Help</a></div></div><div style="display: none;">Hotword detection is off.<div><a><div class="_mSc">>Start listening for "Ok Google"</div></a></div></div></div></div></div>
</div>
</form>
<header></header>
<p><br>
</p>
<section class="card">
<h1><em>i.urld.it </em>Server Variables</h1>
</section>
<% for each x in Request.ServerVariables %>
<% If x = "REMOTE_HOST" Or x = "REMOTE_ADDRESS" Or x = "SERVER_NAME" Or x = "REQUEST_METHOD" Or x = "HTTP_CONNECTION" Or x = "HTTP_ACCEPT" Or x = "HTTP_ACCEPT_ENCODING" Or x = "HTTP_ACCEPT_LANGUAGE" Or x = "HTTP_COOKIE" Or x = "HTTP_HOST" Or x = "HTTP_USER_AGENT" Or x = "HTTP_DNT" Then %>
<section class="card">
<h1><strong><% response.write(x)%></strong> : </h1>
<h2><% response.write(Request.ServerVariables(x))%></h2>
</section>
<% End If %>
<% Next %>
</main>
</body></html>
