254 lines
5.5 KiB
HTML
254 lines
5.5 KiB
HTML
|
<html><head>
|
||
|
|
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
|
||
|
|
<link rel="shortcut icon"><title>PRESENT DAY, PRESENT TIME.</title>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
}
|
||
|
|
*{
|
||
|
|
font-family:monospace;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
body{
|
||
|
|
background-color: black;
|
||
|
|
-webkit-touch-callout: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
#hide_all{
|
||
|
|
background: rgb(246,240,163);
|
||
|
|
position: fixed;
|
||
|
|
left: 0; right: 0;top: 0;
|
||
|
|
height: 37px;
|
||
|
|
z-index:1;
|
||
|
|
}
|
||
|
|
#hide_all:hover{ cursor: auto; }
|
||
|
|
|
||
|
|
@-webkit-keyframes pulse {
|
||
|
|
0% { opacity:0.20; }
|
||
|
|
10% { opacity:0.30; }
|
||
|
|
20% { opacity:0.40; }
|
||
|
|
30% { opacity:0.50; }
|
||
|
|
40% { opacity:0.60; }
|
||
|
|
50% { opacity:0.70; }
|
||
|
|
60% { opacity:0.80; }
|
||
|
|
70% { opacity:0.90; }
|
||
|
|
80% { opacity:1.00; }
|
||
|
|
90% { opacity:1.00; }
|
||
|
|
100%{ opacity:1.00; }
|
||
|
|
}
|
||
|
|
#bg.back{
|
||
|
|
background-image:url('https://menmy.neocities.org/main/bg4.png');
|
||
|
|
background-position:60% -10%;
|
||
|
|
-webkit-animation-name: 'pulse';
|
||
|
|
-webkit-transition: background 0.4s;
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
-webkit-animation-direction: alternate;
|
||
|
|
-webkit-animation-timing-function: ease-in-out;
|
||
|
|
-webkit-animation-duration: 2s;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: 'inconsolata';
|
||
|
|
font-size: 20px;
|
||
|
|
color: #f37388;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center;
|
||
|
|
text-shadow: -1px 0 5px #ca0051, 0 1px 5px #ca0051, 1px 0 5px #ca0051, 0 -1px 5px #ca0051;
|
||
|
|
}
|
||
|
|
|
||
|
|
#sidebar {
|
||
|
|
height: 100%;
|
||
|
|
width: 25%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-attachment: local;
|
||
|
|
text-align: center;
|
||
|
|
border-right: 5px ridge #c0c4c0;
|
||
|
|
margin: auto;
|
||
|
|
top: 0px;
|
||
|
|
left: 0px;
|
||
|
|
float: right;
|
||
|
|
padding: 15px;
|
||
|
|
overflow: hidden;
|
||
|
|
position: fixed;
|
||
|
|
box-shadow: 10px 0px 25px #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header {
|
||
|
|
font-size: 48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#marquee {
|
||
|
|
text-align: center;
|
||
|
|
color: #f37388;
|
||
|
|
font-size: 44px;
|
||
|
|
font-weight: bold;
|
||
|
|
text-shadow: -1px 0 5px #ca0051, 0 1px 5px #ca0051, 1px 0 5px #ca0051, 0 -1px 5px #ca0051;
|
||
|
|
}
|
||
|
|
|
||
|
|
#navbox {
|
||
|
|
height: 212px;
|
||
|
|
background: #000408;
|
||
|
|
border: 5px outset #c0c4c0;
|
||
|
|
padding: 5px;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr, td {
|
||
|
|
width: 100%;
|
||
|
|
border: 2px outset #c0c4c0;
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
|
||
|
|
#welcome {
|
||
|
|
width: 830px;
|
||
|
|
background-attachment: local;
|
||
|
|
text-align: center;
|
||
|
|
border: 5px outset #c0c4c0;
|
||
|
|
margin-top: 25px;
|
||
|
|
margin-left: 600px;
|
||
|
|
margin-bottom: 50px;
|
||
|
|
padding: 15px;
|
||
|
|
position: relative;
|
||
|
|
box-shadow: 10px 10px 25px #000;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
color: #49bb34;
|
||
|
|
transition: all 0.2s ease;
|
||
|
|
text-decoration:none;
|
||
|
|
text-shadow: -1px 0 5px #1b4406, 0 1px 5px #1b4406, 1px 0 5px #1b4406, 0 -1px 5px #1b4406;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: #000;
|
||
|
|
text-shadow: -1px 0 5px #ca0051, 0 1px 5px #ca0051, 1px 0 5px #ca0051, 0 -1px 5px #ca0051;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="sidebar">
|
||
|
|
<div id="header"></div>
|
||
|
|
We're charging our battery
|
||
|
|
<br>
|
||
|
|
And now we're full of energy
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
We're functioning automatic
|
||
|
|
<br>
|
||
|
|
And we are dancing mechanic
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
Я твой слуга
|
||
|
|
<br>
|
||
|
|
Я твой работник
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
We are programmed just to do
|
||
|
|
<br>
|
||
|
|
Anything you want us to
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
We're functioning automatic
|
||
|
|
<br>
|
||
|
|
And we are dancing mechanic
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
We are the robots
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
Я твой слуга
|
||
|
|
<br>
|
||
|
|
Я твой работник
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
Я твой слуга
|
||
|
|
<br>
|
||
|
|
Я твой работник
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
WE ARE THE ROBOTS
|
||
|
|
<br>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="/home.html">
|
||
|
|
<div style="background-color:black;border-style:solid;border-width:5px;color:red;text-decoration:none;text-align:center;position:fixed;
|
||
|
|
bottom:0px;right:0px;padding:5px;z-index:99;"></div></a>
|
||
|
|
<div id="bg" class="back" style="position:fixed;width:100%;height:100%;z-index:-5;margin:auto;"></div>
|
||
|
|
|
||
|
|
<div id="welcome" style="text-align:left;">
|
||
|
|
<div id="marquee"><marquee behavior="scroll" direction="left" scrolldelay="0" scrollamount="10">WE ARE THE ROBOTS</marquee></div>
|
||
|
|
<br>
|
||
|
|
Comandi:
|
||
|
|
<br>
|
||
|
|
- !help: this page
|
||
|
|
<br>
|
||
|
|
- !quack: random quack fact
|
||
|
|
<br>
|
||
|
|
- !asino: roll a dice (0 .. 6) or choose between different options
|
||
|
|
<br>
|
||
|
|
- !alert: send the same message in 1d, 2h, 3m, 5d, etc...
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
Plus more goodies if some keywords appear in one of the messages.
|
||
|
|
<br>
|
||
|
|
<div style="text-align:center;">
|
||
|
|
<br>
|
||
|
|
----------
|
||
|
|
<br> we have no memory <br>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
<img src="./processed/kraft.png" width=400, height=400>
|
||
|
|
</div>
|
||
|
|
</body></html>
|
||
|
|
<!-- credits: -->
|
||
|
|
<!-- - /u/Flat_Foot_Face https://old.reddit.com/r/kraftwerk/comments/ior18i/drew_techno_pop_with_mspaint_ig_paintgott/ -->
|
||
|
|
<!-- - https://y2k.neocities.org/index.html -->
|
||
|
|
<!-- - https://mebious.neocities.org/Layer/GoWireless.html -->
|