You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
351 lines
128 KiB
HTML
351 lines
128 KiB
HTML
4 years ago
|
<!DOCTYPE html>
|
||
|
|
<html class="gr__"><head>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>teletext</title>
|
||
|
|
<script src="variation2_files/jquery.js"></script>
|
||
|
|
<style type="text/css">
|
||
|
|
@font-face {
|
||
|
|
font-family: teletext;
|
||
|
|
src: url(font/Modeseven-L3n5.ttf);
|
||
|
|
}
|
||
|
|
|
||
|
|
.green::-moz-selection { /* Code for Firefox */
|
||
|
|
/*color: white;*/
|
||
|
|
background: blue;
|
||
|
|
}
|
||
|
|
|
||
|
|
.green::selection {
|
||
|
|
/*color: red;*/
|
||
|
|
background: blue;
|
||
|
|
}
|
||
|
|
|
||
|
|
body{position: relative;
|
||
|
|
text-align: center;
|
||
|
|
background-color: black;
|
||
|
|
color: white;
|
||
|
|
font-family: teletext;
|
||
|
|
font-size: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.green {color: #6ee947;}
|
||
|
|
.white {color: #fff;}
|
||
|
|
.yellow {color: #fff841;}
|
||
|
|
.violet {color: darkviolet;}
|
||
|
|
.magenta {color: crimson;}
|
||
|
|
|
||
|
|
|
||
|
|
.mainTxt {
|
||
|
|
width: 58%;
|
||
|
|
margin-left: 21%;
|
||
|
|
margin-right: 21%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blink_me {
|
||
|
|
animation: blinker 1s step-start infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes blinker {
|
||
|
|
50% {
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.lineH {
|
||
|
|
text-align: center;
|
||
|
|
letter-spacing: 10px;
|
||
|
|
animation: lineH 2s linear infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes lineH {
|
||
|
|
50% {
|
||
|
|
letter-spacing: -15px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.zigzag {letter-spacing: -5px;}
|
||
|
|
|
||
|
|
span {
|
||
|
|
cursor: pointer;
|
||
|
|
position: absolute;
|
||
|
|
font-size: 48px;
|
||
|
|
/*z-index: -1;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
.bgBlack { background-color: black;}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body data-gr-c-s-loaded="true" style="background-color: black;">
|
||
|
|
<main class="mainTxt">
|
||
|
|
<h1 class="blink_me bgBlack">Introduction</h1>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<!-- -->
|
||
|
|
<div>
|
||
|
|
<p class="green bgBlack">What you are reading to can be accessed at different levels of intensity.</p>
|
||
|
|
|
||
|
|
<p class="green bgBlack">It might be helpful to think of these as options, or hatches opening along a corridor inside a maze. </p>
|
||
|
|
|
||
|
|
<p class="zigzag white bgBlack">\/<a href="#">\/</a>\/\<a href="#">/\</a>/\/<a href="#">\/</a>\/\/\/\<a href="#">/\</a>/\<a href="#">/\</a>/\/\/\/<a href="#">\/</a>\/\/\/\/\/\/\/\<a href="#">/\</a>/<a href="#">\/</a>\/\/\/\/\/\/</p>
|
||
|
|
|
||
|
|
<p class="yellow bgBlack">At degree 0</p>
|
||
|
|
<p class="lineH bgBlack"> <a href="#">"-Th.e_gat(e-"</a> </p>
|
||
|
|
<p class="yellow bgBlack">is the name on a door in a world which eventually does not, has not, and will never exist.</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- <p class="linez">/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\</p> -->
|
||
|
|
|
||
|
|
<!-- <img src="https://cdn.lowgif.com/full/454a59780310bb83-never-ending-maze-gif-find-share-on-giphy.gif"> -->
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<!-- <p>At degree 0 <a href="#">"-Th.e_gat(e-"</a> is the name on a door in a world which eventually does not, has not, and will never exist'.</p> -->
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var w = window.innerWidth;
|
||
|
|
var h = window.innerHeight;
|
||
|
|
|
||
|
|
function getRintw() {
|
||
|
|
|
||
|
|
var x = Math.floor(Math.random() * w) - 50;
|
||
|
|
return x
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function getRinth() {
|
||
|
|
|
||
|
|
var y = Math.floor(Math.random() * h) - 80;
|
||
|
|
return y
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
for (var i = 0; i < 300; i++) {
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars blink_me" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i = 0; i < 30; i++) {
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars violet" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars magenta" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
$(".stars").click(function(){
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<span class="stars blink_me" style="top:158px; left:1485px;">.</span><span class="stars blink_me" style="top:74px; left:-18px;">.</span><span class="stars blink_me" style="top:-19px; left:1776px;">.</span><span class="stars blink_me" style="top:413px; left:303px;">.</span><span class="stars blink_me" style="top:357px; left:1524px;">.</span><span class="stars blink_me" style="top:-43px; left:1817px;">.</span><span class="stars blink_me" style="top:394px; left:1773px;">.</span><span class="stars blink_me" style="top:673px; left:1723px;">.</span><span class="stars blink_me" style="top:299px; left:1608px;">.</span><span class="stars blink_me" style="top:463px; left:1382px;">.</span><span class="stars blink_me" style="top:223px; left:1802px;">.</span><span class="stars blink_me" style="top:252px; left:373px;">.</span><span class="stars blink_me" style="top:788px; left:232px;">.</span><span class="stars blink_me" style="top:776px; left:1170px;">.</span><span class="stars blink_me" style="top:625px; left:1046px;">.</span><span class="stars blink_me" style="top:230px; left:1002px;">.</span><span class="stars blink_me" style="top:489px; left:109px;">.</span><span class="stars blink_me" style="top:469px; left:1587px;">.</span><span class="stars blink_me" style="top:186px; left:88px;">.</span><span class="stars blink_me" style="top:519px; left:-28px;">.</span><span class="stars blink_me" style="top:832px; left:1041px;">.</span><span class="stars blink_me" style="top:513px; left:1641px;">.</span><span class="stars blink_me" style="top:15px; left:1067px;">.</span><span class="stars blink_me" style="top:527px; left:1065px;">.</span><span class="stars blink_me" style="top:441px; left:665px;">.</span><span class="stars blink_me" style="top:36px; left:815px;">.</span><span class="stars blink_me" style="top:700px; left:181px;">.</span><span class="stars blink_me" style="top:-33px; left:1655px;">.</span><span class="stars blink_me" style="top:313px; left:1758px;">.</span><span class="stars blink_me" style="top:263px; left:1181px;">.</span><span class="stars blink_me" style="top:375px; left:1343px;">.</span><span class="stars blink_me" style="top:472px; left:1253px;">.</span><span class="stars blink_me" style="top:516px; left:1459px;">.</span><span class="stars blink_me" style="top:-6px; left:794px;">.</span><span class="stars blink_me" style="top:679px; left:1532px;">.</span><span class="stars blink_me" style="top:333px; left:1185px;">.</span><span class="stars blink_me" style="top:-35px; left:430px;">.</span><span class="stars blink_me" style="top:165px; left:561px;">.</span><span class="stars blink_me" style="top:783px; left:1282px;">.</span><span class="stars blink_me" style="top:289px; left:620px;">.</span><span class="stars blink_me" style="top:576px; left:681px;">.</span><span class="stars blink_me" style="top:437px; left:217px;">.</span><span class="stars blink_me" style="top:618px; left:94px;">.</span><span class="stars blink_me" style="top:269px; left:866px;">.</span><span class="stars blink_me" style="top:183px; left:733px;">.</span><span class="stars blink_me" style="top:702px; left:42px;">.</span><span class="stars blink_me" style="top:-29px; left:1780px;">.</span><span class="stars blink_me" style="top:415px; left:527px;">.</span><span class="stars blink_me" style="top:-22px; left:563px;">.</span><span class="stars blink_me" style="top:568px; left:634px;">.</span><span class="stars blink_me" style="top:613px; left:1415px;">.</span><span class="stars blink_me" style="top:823px; left:318px;">.</span><span class="stars blink_me" style="top:-4px; left:1478px;">.</span><span class="stars blink_me" style="top:534px; left:982px;">.</span><span class="stars blink_me" style="top:824px; left:1480px;">.</span><span class="stars blink_me" style="top:105px; left:971px;">.</span><span class="stars blink_me" style="top:710px; left:1151px;">.</span><span class="stars blink_me" style="top:437px; left:916px;">.</span><span class="stars blink_me" style="top:572px; left:531px;">.</span><span class="stars blink_me" style="top:727px; left:733px;">
|
||
|
|
|
||
|
|
|
||
|
|
<!-- <p>At degree 0 <a href="#">"-Th.e_gat(e-"</a> is the name on a door in a world which eventually does not, has not, and will never exist'.</p> -->
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var w = window.innerWidth;
|
||
|
|
var h = window.innerHeight;
|
||
|
|
|
||
|
|
function getRintw() {
|
||
|
|
|
||
|
|
var x = Math.floor(Math.random() * w) - 50;
|
||
|
|
return x
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function getRinth() {
|
||
|
|
|
||
|
|
var y = Math.floor(Math.random() * h) - 80;
|
||
|
|
return y
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
for (var i = 0; i < 300; i++) {
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars blink_me" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i = 0; i < 30; i++) {
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars violet" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars magenta" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
$(".stars").click(function(){
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<span class="stars blink_me" style="top:158px; left:1485px;">.</span><span class="stars blink_me" style="top:74px; left:-18px;">.</span><span class="stars blink_me" style="top:-19px; left:1776px;">.</span><span class="stars blink_me" style="top:413px; left:303px;">.</span><span class="stars blink_me" style="top:357px; left:1524px;">.</span><span class="stars blink_me" style="top:-43px; left:1817px;">.</span><span class="stars blink_me" style="top:394px; left:1773px;">.</span><span class="stars blink_me" style="top:673px; left:1723px;">.</span><span class="stars blink_me" style="top:299px; left:1608px;">.</span><span class="stars blink_me" style="top:463px; left:1382px;">.</span><span class="stars blink_me" style="top:223px; left:1802px;">.</span><span class="stars blink_me" style="top:252px; left:373px;">.</span><span class="stars blink_me" style="top:788px; left:232px;">.</span><span class="stars blink_me" style="top:776px; left:1170px;">.</span><span class="stars blink_me" style="top:625px; left:1046px;">.</span><span class="stars blink_me" style="top:230px; left:1002px;">.</span><span class="stars blink_me" style="top:489px; left:109px;">.</span><span class="stars blink_me" style="top:469px; left:1587px;">.</span><span class="stars blink_me" style="top:186px; left:88px;">.</span><span class="stars blink_me" style="top:519px; left:-28px;">.</span><span class="stars blink_me" style="top:832px; left:1041px;">.</span><span class="stars blink_me" style="top:513px; left:1641px;">.</span><span class="stars blink_me" style="top:15px; left:1067px;">.</span><span class="stars blink_me" style="top:527px; left:1065px;">.</span><span class="stars blink_me" style="top:441px; left:665px;">.</span><span class="stars blink_me" style="top:36px; left:815px;">.</span><span class="stars blink_me" style="top:700px; left:181px;">.</span><span class="stars blink_me" style="top:-33px; left:1655px;">.</span><span class="stars blink_me" style="top:313px; left:1758px;">.</span><span class="stars blink_me" style="top:263px; left:1181px;">.</span><span class="stars blink_me" style="top:375px; left:1343px;">.</span><span class="stars blink_me" style="top:472px; left:1253px;">.</span><span class="stars blink_me" style="top:516px; left:1459px;">.</span><span class="stars blink_me" style="top:-6px; left:794px;">.</span><span class="stars blink_me" style="top:679px; left:1532px;">.</span><span class="stars blink_me" style="top:333px; left:1185px;">.</span><span class="stars blink_me" style="top:-35px; left:430px;">.</span><span class="stars blink_me" style="top:165px; left:561px;">.</span><span class="stars blink_me" style="top:783px; left:1282px;">.</span><span class="stars blink_me" style="top:289px; left:620px;">.</span><span class="stars blink_me" style="top:576px; left:681px;">.</span><span class="stars blink_me" style="top:437px; left:217px;">.</span><span class="stars blink_me" style="top:618px; left:94px;">.</span><span class="stars blink_me" style="top:269px; left:866px;">.</span><span class="stars blink_me" style="top:183px; left:733px;">.</span><span class="stars blink_me" style="top:702px; left:42px;">.</span><span class="stars blink_me" style="top:-29px; left:1780px;">.</span><span class="stars blink_me" style="top:415px; left:527px;">.</span><span class="stars blink_me" style="top:-22px; left:563px;">.</span><span class="stars blink_me" style="top:568px; left:634px;">.</span><span class="stars blink_me" style="top:613px; left:1415px;">.</span><span class="stars blink_me" style="top:823px; left:318px;">.</span><span class="stars blink_me" style="top:-4px; left:1478px;">.</span><span class="stars blink_me" style="top:534px; left:982px;">.</span><span class="stars blink_me" style="top:824px; left:1480px;">.</span><span class="stars blink_me" style="top:105px; left:971px;">.</span><span class="stars blink_me" style="top:710px; left:1151px;">.</span><span class="stars blink_me" style="top:437px; left:916px;">.</span><span class="stars blink_me" style="top:572px; left:531px;">.</span><span class="stars blink_me" style="top:727px; left:733px;">
|
||
|
|
|
||
|
|
|
||
|
|
<!-- <p>At degree 0 <a href="#">"-Th.e_gat(e-"</a> is the name on a door in a world which eventually does not, has not, and will never exist'.</p> -->
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var w = window.innerWidth;
|
||
|
|
var h = window.innerHeight;
|
||
|
|
|
||
|
|
function getRintw() {
|
||
|
|
|
||
|
|
var x = Math.floor(Math.random() * w) - 50;
|
||
|
|
return x
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function getRinth() {
|
||
|
|
|
||
|
|
var y = Math.floor(Math.random() * h) - 80;
|
||
|
|
return y
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
for (var i = 0; i < 300; i++) {
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars blink_me" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i = 0; i < 30; i++) {
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars violet" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars magenta" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
$(".stars").click(function(){
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<span class="stars blink_me" style="top:158px; left:1485px;">.</span><span class="stars blink_me" style="top:74px; left:-18px;">.</span><span class="stars blink_me" style="top:-19px; left:1776px;">.</span><span class="stars blink_me" style="top:413px; left:303px;">.</span><span class="stars blink_me" style="top:357px; left:1524px;">.</span><span class="stars blink_me" style="top:-43px; left:1817px;">.</span><span class="stars blink_me" style="top:394px; left:1773px;">.</span><span class="stars blink_me" style="top:673px; left:1723px;">.</span><span class="stars blink_me" style="top:299px; left:1608px;">.</span><span class="stars blink_me" style="top:463px; left:1382px;">.</span><span class="stars blink_me" style="top:223px; left:1802px;">.</span><span class="stars blink_me" style="top:252px; left:373px;">.</span><span class="stars blink_me" style="top:788px; left:232px;">.</span><span class="stars blink_me" style="top:776px; left:1170px;">.</span><span class="stars blink_me" style="top:625px; left:1046px;">.</span><span class="stars blink_me" style="top:230px; left:1002px;">.</span><span class="stars blink_me" style="top:489px; left:109px;">.</span><span class="stars blink_me" style="top:469px; left:1587px;">.</span><span class="stars blink_me" style="top:186px; left:88px;">.</span><span class="stars blink_me" style="top:519px; left:-28px;">.</span><span class="stars blink_me" style="top:832px; left:1041px;">.</span><span class="stars blink_me" style="top:513px; left:1641px;">.</span><span class="stars blink_me" style="top:15px; left:1067px;">.</span><span class="stars blink_me" style="top:527px; left:1065px;">.</span><span class="stars blink_me" style="top:441px; left:665px;">.</span><span class="stars blink_me" style="top:36px; left:815px;">.</span><span class="stars blink_me" style="top:700px; left:181px;">.</span><span class="stars blink_me" style="top:-33px; left:1655px;">.</span><span class="stars blink_me" style="top:313px; left:1758px;">.</span><span class="stars blink_me" style="top:263px; left:1181px;">.</span><span class="stars blink_me" style="top:375px; left:1343px;">.</span><span class="stars blink_me" style="top:472px; left:1253px;">.</span><span class="stars blink_me" style="top:516px; left:1459px;">.</span><span class="stars blink_me" style="top:-6px; left:794px;">.</span><span class="stars blink_me" style="top:679px; left:1532px;">.</span><span class="stars blink_me" style="top:333px; left:1185px;">.</span><span class="stars blink_me" style="top:-35px; left:430px;">.</span><span class="stars blink_me" style="top:165px; left:561px;">.</span><span class="stars blink_me" style="top:783px; left:1282px;">.</span><span class="stars blink_me" style="top:289px; left:620px;">.</span><span class="stars blink_me" style="top:576px; left:681px;">.</span><span class="stars blink_me" style="top:437px; left:217px;">.</span><span class="stars blink_me" style="top:618px; left:94px;">.</span><span class="stars blink_me" style="top:269px; left:866px;">.</span><span class="stars blink_me" style="top:183px; left:733px;">.</span><span class="stars blink_me" style="top:702px; left:42px;">.</span><span class="stars blink_me" style="top:-29px; left:1780px;">.</span><span class="stars blink_me" style="top:415px; left:527px;">.</span><span class="stars blink_me" style="top:-22px; left:563px;">.</span><span class="stars blink_me" style="top:568px; left:634px;">.</span><span class="stars blink_me" style="top:613px; left:1415px;">.</span><span class="stars blink_me" style="top:823px; left:318px;">.</span><span class="stars blink_me" style="top:-4px; left:1478px;">.</span><span class="stars blink_me" style="top:534px; left:982px;">.</span><span class="stars blink_me" style="top:824px; left:1480px;">.</span><span class="stars blink_me" style="top:105px; left:971px;">.</span><span class="stars blink_me" style="top:710px; left:1151px;">.</span><span class="stars blink_me" style="top:437px; left:916px;">.</span><span class="stars blink_me" style="top:572px; left:531px;">.</span><span class="stars blink_me" style="top:727px; left:733px;">
|
||
|
|
|
||
|
|
|
||
|
|
<!-- <p>At degree 0 <a href="#">"-Th.e_gat(e-"</a> is the name on a door in a world which eventually does not, has not, and will never exist'.</p> -->
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var w = window.innerWidth;
|
||
|
|
var h = window.innerHeight;
|
||
|
|
|
||
|
|
function getRintw() {
|
||
|
|
|
||
|
|
var x = Math.floor(Math.random() * w) - 50;
|
||
|
|
return x
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function getRinth() {
|
||
|
|
|
||
|
|
var y = Math.floor(Math.random() * h) - 80;
|
||
|
|
return y
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
for (var i = 0; i < 300; i++) {
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars blink_me" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i = 0; i < 30; i++) {
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars violet" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars magenta" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
$(".stars").click(function(){
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<span class="stars blink_me" style="top:158px; left:1485px;">.</span><span class="stars blink_me" style="top:74px; left:-18px;">.</span><span class="stars blink_me" style="top:-19px; left:1776px;">.</span><span class="stars blink_me" style="top:413px; left:303px;">.</span><span class="stars blink_me" style="top:357px; left:1524px;">.</span><span class="stars blink_me" style="top:-43px; left:1817px;">.</span><span class="stars blink_me" style="top:394px; left:1773px;">.</span><span class="stars blink_me" style="top:673px; left:1723px;">.</span><span class="stars blink_me" style="top:299px; left:1608px;">.</span><span class="stars blink_me" style="top:463px; left:1382px;">.</span><span class="stars blink_me" style="top:223px; left:1802px;">.</span><span class="stars blink_me" style="top:252px; left:373px;">.</span><span class="stars blink_me" style="top:788px; left:232px;">.</span><span class="stars blink_me" style="top:776px; left:1170px;">.</span><span class="stars blink_me" style="top:625px; left:1046px;">.</span><span class="stars blink_me" style="top:230px; left:1002px;">.</span><span class="stars blink_me" style="top:489px; left:109px;">.</span><span class="stars blink_me" style="top:469px; left:1587px;">.</span><span class="stars blink_me" style="top:186px; left:88px;">.</span><span class="stars blink_me" style="top:519px; left:-28px;">.</span><span class="stars blink_me" style="top:832px; left:1041px;">.</span><span class="stars blink_me" style="top:513px; left:1641px;">.</span><span class="stars blink_me" style="top:15px; left:1067px;">.</span><span class="stars blink_me" style="top:527px; left:1065px;">.</span><span class="stars blink_me" style="top:441px; left:665px;">.</span><span class="stars blink_me" style="top:36px; left:815px;">.</span><span class="stars blink_me" style="top:700px; left:181px;">.</span><span class="stars blink_me" style="top:-33px; left:1655px;">.</span><span class="stars blink_me" style="top:313px; left:1758px;">.</span><span class="stars blink_me" style="top:263px; left:1181px;">.</span><span class="stars blink_me" style="top:375px; left:1343px;">.</span><span class="stars blink_me" style="top:472px; left:1253px;">.</span><span class="stars blink_me" style="top:516px; left:1459px;">.</span><span class="stars blink_me" style="top:-6px; left:794px;">.</span><span class="stars blink_me" style="top:679px; left:1532px;">.</span><span class="stars blink_me" style="top:333px; left:1185px;">.</span><span class="stars blink_me" style="top:-35px; left:430px;">.</span><span class="stars blink_me" style="top:165px; left:561px;">.</span><span class="stars blink_me" style="top:783px; left:1282px;">.</span><span class="stars blink_me" style="top:289px; left:620px;">.</span><span class="stars blink_me" style="top:576px; left:681px;">.</span><span class="stars blink_me" style="top:437px; left:217px;">.</span><span class="stars blink_me" style="top:618px; left:94px;">.</span><span class="stars blink_me" style="top:269px; left:866px;">.</span><span class="stars blink_me" style="top:183px; left:733px;">.</span><span class="stars blink_me" style="top:702px; left:42px;">.</span><span class="stars blink_me" style="top:-29px; left:1780px;">.</span><span class="stars blink_me" style="top:415px; left:527px;">.</span><span class="stars blink_me" style="top:-22px; left:563px;">.</span><span class="stars blink_me" style="top:568px; left:634px;">.</span><span class="stars blink_me" style="top:613px; left:1415px;">.</span><span class="stars blink_me" style="top:823px; left:318px;">.</span><span class="stars blink_me" style="top:-4px; left:1478px;">.</span><span class="stars blink_me" style="top:534px; left:982px;">.</span><span class="stars blink_me" style="top:824px; left:1480px;">.</span><span class="stars blink_me" style="top:105px; left:971px;">.</span><span class="stars blink_me" style="top:710px; left:1151px;">.</span><span class="stars blink_me" style="top:437px; left:916px;">.</span><span class="stars blink_me" style="top:572px; left:531px;">.</span><span class="stars blink_me" style="top:727px; left:733px;">
|
||
|
|
|
||
|
|
|
||
|
|
<!-- <p>At degree 0 <a href="#">"-Th.e_gat(e-"</a> is the name on a door in a world which eventually does not, has not, and will never exist'.</p> -->
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var w = window.innerWidth;
|
||
|
|
var h = window.innerHeight;
|
||
|
|
|
||
|
|
function getRintw() {
|
||
|
|
|
||
|
|
var x = Math.floor(Math.random() * w) - 50;
|
||
|
|
return x
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function getRinth() {
|
||
|
|
|
||
|
|
var y = Math.floor(Math.random() * h) - 80;
|
||
|
|
return y
|
||
|
|
}
|
||
|
|
|
||
|
|
$(document).ready(function(){
|
||
|
|
for (var i = 0; i < 300; i++) {
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars blink_me" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i = 0; i < 30; i++) {
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars violet" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
|
||
|
|
$("body").append(
|
||
|
|
'<span class="stars magenta" style="top:' + getRinth() + 'px; left:' + getRintw() + 'px;">.</span>'
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
$(".stars").click(function(){
|
||
|
|
$(this).hide();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
|
||
|
|
<span class="stars blink_me" style="top:158px; left:1485px;">.</span><span class="stars blink_me" style="top:74px; left:-18px;">.</span><span class="stars blink_me" style="top:-19px; left:1776px;">.</span><span class="stars blink_me" style="top:413px; left:303px;">.</span><span class="stars blink_me" style="top:357px; left:1524px;">.</span><span class="stars blink_me" style="top:-43px; left:1817px;">.</span><span class="stars blink_me" style="top:394px; left:1773px;">.</span><span class="stars blink_me" style="top:673px; left:1723px;">.</span><span class="stars blink_me" style="top:299px; left:1608px;">.</span><span class="stars blink_me" style="top:463px; left:1382px;">.</span><span class="stars blink_me" style="top:223px; left:1802px;">.</span><span class="stars blink_me" style="top:252px; left:373px;">.</span><span class="stars blink_me" style="top:788px; left:232px;">.</span><span class="stars blink_me" style="top:776px; left:1170px;">.</span><span class="stars blink_me" style="top:625px; left:1046px;">.</span><span class="stars blink_me" style="top:230px; left:1002px;">.</span><span class="stars blink_me" style="top:489px; left:109px;">.</span><span class="stars blink_me" style="top:469px; left:1587px;">.</span><span class="stars blink_me" style="top:186px; left:88px;">.</span><span class="stars blink_me" style="top:519px; left:-28px;">.</span><span class="stars blink_me" style="top:832px; left:1041px;">.</span><span class="stars blink_me" style="top:513px; left:1641px;">.</span><span class="stars blink_me" style="top:15px; left:1067px;">.</span><span class="stars blink_me" style="top:527px; left:1065px;">.</span><span class="stars blink_me" style="top:441px; left:665px;">.</span><span class="stars blink_me" style="top:36px; left:815px;">.</span><span class="stars blink_me" style="top:700px; left:181px;">.</span><span class="stars blink_me" style="top:-33px; left:1655px;">.</span><span class="stars blink_me" style="top:313px; left:1758px;">.</span><span class="stars blink_me" style="top:263px; left:1181px;">.</span><span class="stars blink_me" style="top:375px; left:1343px;">.</span><span class="stars blink_me" style="top:472px; left:1253px;">.</span><span class="stars blink_me" style="top:516px; left:1459px;">.</span><span class="stars blink_me" style="top:-6px; left:794px;">.</span><span class="stars blink_me" style="top:679px; left:1532px;">.</span><span class="stars blink_me" style="top:333px; left:1185px;">.</span><span class="stars blink_me" style="top:-35px; left:430px;">.</span><span class="stars blink_me" style="top:165px; left:561px;">.</span><span class="stars blink_me" style="top:783px; left:1282px;">.</span><span class="stars blink_me" style="top:289px; left:620px;">.</span><span class="stars blink_me" style="top:576px; left:681px;">.</span><span class="stars blink_me" style="top:437px; left:217px;">.</span><span class="stars blink_me" style="top:618px; left:94px;">.</span><span class="stars blink_me" style="top:269px; left:866px;">.</span><span class="stars blink_me" style="top:183px; left:733px;">.</span><span class="stars blink_me" style="top:702px; left:42px;">.</span><span class="stars blink_me" style="top:-29px; left:1780px;">.</span><span class="stars blink_me" style="top:415px; left:527px;">.</span><span class="stars blink_me" style="top:-22px; left:563px;">.</span><span class="stars blink_me" style="top:568px; left:634px;">.</span><span class="stars blink_me" style="top:613px; left:1415px;">.</span><span class="stars blink_me" style="top:823px; left:318px;">.</span><span class="stars blink_me" style="top:-4px; left:1478px;">.</span><span class="stars blink_me" style="top:534px; left:982px;">.</span><span class="stars blink_me" style="top:824px; left:1480px;">.</span><span class="stars blink_me" style="top:105px; left:971px;">.</span><span class="stars blink_me" style="top:710px; left:1151px;">.</span><span class="stars blink_me" style="top:437px; left:916px;">.</span><span class="stars blink_me" style="top:572px; left:531px;">.</span><span class="stars blink_me" style="top:727px; left:733px;">
|