bots
This commit is contained in:
parent
615adba87b
commit
aab041dfe6
253
bots.html
Normal file
253
bots.html
Normal file
@ -0,0 +1,253 @@
|
|||||||
|
<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 -->
|
||||||
BIN
processed/ghostintheshell.gif
Normal file
BIN
processed/ghostintheshell.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 998 KiB |
BIN
processed/gwbg.png
Normal file
BIN
processed/gwbg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 250 KiB |
BIN
processed/kraft.png
Normal file
BIN
processed/kraft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
286
style_bots.css
Normal file
286
style_bots.css
Normal file
@ -0,0 +1,286 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'humanoidregular';
|
||||||
|
src: url('./text/humanoid-webfont.woff2') format('woff2'),
|
||||||
|
url('./text/humanoid-webfont.woff') format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'power_clearregular';
|
||||||
|
src: url('./text/pkmndp-webfont.woff2') format('woff2'),
|
||||||
|
url('./text/pkmndp-webfont.woff') format('woff');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes huecycle {
|
||||||
|
from {
|
||||||
|
-webkit-filter: hue-rotate(0deg) saturate(200%);
|
||||||
|
filter: hue-rotate(0deg) saturate(200%);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
-webkit-filter: hue-rotate(360deg) saturate(200%);
|
||||||
|
filter: hue-rotate(360deg) saturate(200%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes huecycle {
|
||||||
|
from {
|
||||||
|
-webkit-filter: hue-rotate(0deg) saturate(200%);
|
||||||
|
filter: hue-rotate(0deg) saturate(200%);
|
||||||
|
}
|
||||||
|
to {
|
||||||
|
-webkit-filter: hue-rotate(360deg) saturate(200%);
|
||||||
|
filter: hue-rotate(360deg) saturate(200%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes breathe {
|
||||||
|
0% {
|
||||||
|
letter-spacing: normal;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
letter-spacing: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes breathe_wide {
|
||||||
|
0% {
|
||||||
|
letter-spacing: 2.5px;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
letter-spacing: 2.8px;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
letter-spacing: 2.5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes breathe2 {
|
||||||
|
0% {
|
||||||
|
transform: scale(1.0);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: scale(1.01);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1.0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes breathe3 {
|
||||||
|
0% {
|
||||||
|
transform: scale(1.0);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: scale(1.0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes wobble {
|
||||||
|
0% {transform: rotate(-3deg) translate(0px, 0px);}
|
||||||
|
50% {transform: rotate(3deg) translate(0px, 0px);}
|
||||||
|
100% {transform: rotate(-3deg) translate(0px, 0px);}
|
||||||
|
}
|
||||||
|
|
||||||
|
.aes-1::-webkit-scrollbar {
|
||||||
|
width: 6px;
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aes-1::-webkit-scrollbar-thumb {
|
||||||
|
background-color: rgba(235,0,239,0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aes-1::-webkit-scrollbar-track {
|
||||||
|
-webkit-box-shadow: inset 0 0 6px rgba(235,0,239,0.3);
|
||||||
|
-moz-box-shadow: inset 0 0 6px rgba(235,0,239,0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aes-1::scroller {
|
||||||
|
overflow-y: scroll;
|
||||||
|
scrollbar-color: #0A4C95 #C2D2E4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.full {
|
||||||
|
background-color: black;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
width: 800px;
|
||||||
|
opacity: 1.5;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
border: 2px dashed #afd3bb;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg {
|
||||||
|
width:150%;
|
||||||
|
min-height:calc(100vh + 1080px);
|
||||||
|
position:fixed;
|
||||||
|
top:0;
|
||||||
|
/*left:-250px;*/
|
||||||
|
background: url("./blkg.jpg") no-repeat center center fixed;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
-moz-background-size: cover;
|
||||||
|
-o-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
z-index:-10;
|
||||||
|
animation: huecycle 10s linear infinite;
|
||||||
|
opacity: 0.69;
|
||||||
|
filter: saturate(200%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.qn {
|
||||||
|
top: 0;
|
||||||
|
width: auto;
|
||||||
|
border-top: 2px dashed #afd3bb;
|
||||||
|
border-bottom: 2px dashed #afd3bb;
|
||||||
|
position:sticky;
|
||||||
|
padding: 10px;
|
||||||
|
margin-bottom:20px;
|
||||||
|
font-size: 22px;
|
||||||
|
background-color: #111;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.explore {
|
||||||
|
color: #fff;
|
||||||
|
font-style: italic;
|
||||||
|
/*text-decoration: underline;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.explore > a {
|
||||||
|
color: #89D052;
|
||||||
|
text-decoration: none;
|
||||||
|
animation: huecycle 15s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.return {
|
||||||
|
color: #fb3afc;
|
||||||
|
animation: huecycle 15s linear infinite;
|
||||||
|
text-align: center;
|
||||||
|
clear: both;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-bottom: 15px;
|
||||||
|
text-decoration: none;
|
||||||
|
text-decoration-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.return a {
|
||||||
|
text-decoration: none;
|
||||||
|
text-decoration-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
clear:none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: 'humanoidregular', Arial, sans-serif;
|
||||||
|
font-weight:normal;
|
||||||
|
font-style:normal;
|
||||||
|
font-size: 72px;
|
||||||
|
margin: 25px;
|
||||||
|
margin-top:0;
|
||||||
|
animation: breathe 2s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
size: 1px;
|
||||||
|
color: #eb00ef;
|
||||||
|
opacity: 0.3;
|
||||||
|
border: 1px dashed #eb00ef;
|
||||||
|
animation: huecycle 9s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
float: left;
|
||||||
|
width: 340px;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 25px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #fb3afc;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:hover, nav a:active {
|
||||||
|
color: #fed02a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linkbox > img {
|
||||||
|
/* filter: invert(100%); */
|
||||||
|
width: 64px;
|
||||||
|
image-rendering: pixelated;
|
||||||
|
animation: huecycle 13s linear infinite;
|
||||||
|
float: left;
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linkbox:hover {
|
||||||
|
filter: invert(100%);
|
||||||
|
animation: huecycle 1.5s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.linkbox > h3 {
|
||||||
|
animation: huecycle 13s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
files > a:visited {
|
||||||
|
color: lightblue;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
float: right;
|
||||||
|
width: 398px;
|
||||||
|
height: auto;
|
||||||
|
min-height: 150px;
|
||||||
|
max-height: 700px;
|
||||||
|
overflow-y: scroll;
|
||||||
|
text-align: justify;
|
||||||
|
line-height: 25px;
|
||||||
|
padding: 0 30px 0 30px;
|
||||||
|
margin-top: 0;
|
||||||
|
border-left: 2px dashed rgb(175, 211, 187, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
#content > h2, nav > h2 {
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav > h2 {
|
||||||
|
padding-bottom: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: black;
|
||||||
|
color: #f045f3; /*#eb00ef original*/
|
||||||
|
font-family: power_clearregular;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p > .date, p > filename {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
BIN
text/humanoid-webfont.woff2
Normal file
BIN
text/humanoid-webfont.woff2
Normal file
Binary file not shown.
BIN
text/humanoid-webfont.woff2.1
Normal file
BIN
text/humanoid-webfont.woff2.1
Normal file
Binary file not shown.
BIN
text/pkmndp-webfont.woff2
Normal file
BIN
text/pkmndp-webfont.woff2
Normal file
Binary file not shown.
Loading…
Reference in New Issue
Block a user