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