mirror of
https://github.com/uhIgnacio/igna.rocks.git
synced 2024-08-15 02:23:12 +00:00
a
This commit is contained in:
in the moon
parent
e05d66d89b
commit
32fc7301f5
9 changed files with 336 additions and 95 deletions
BIN
assets/favicon.png
Normal file
BIN
assets/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
BIN
assets/only_one.mp3
Normal file
BIN
assets/only_one.mp3
Normal file
Binary file not shown.
59
css/main.css
Normal file
59
css/main.css
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
* {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: black;
|
||||||
|
color: white;
|
||||||
|
font-family: monospace;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
display: block;
|
||||||
|
background: black;
|
||||||
|
color: white;
|
||||||
|
width: 250px;
|
||||||
|
padding: 5px 4px;
|
||||||
|
margin: 2px 0 6px 0;
|
||||||
|
border: 1px solid #ff5252;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 13px;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
input::-ms-reveal,
|
||||||
|
input::-ms-clear {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='submit'] {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #ff5252;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
174
css/rain.css
Normal file
174
css/rain.css
Normal file
|
|
@ -0,0 +1,174 @@
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
background: linear-gradient(to bottom, #202020, #111119);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rain {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rain.back-row {
|
||||||
|
display: none;
|
||||||
|
z-index: 1;
|
||||||
|
bottom: 60px;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.back-row-toggle .rain.back-row {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.drop {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 100%;
|
||||||
|
width: 15px;
|
||||||
|
height: 120px;
|
||||||
|
pointer-events: none;
|
||||||
|
animation: drop 0.5s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes drop {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0vh);
|
||||||
|
}
|
||||||
|
|
||||||
|
75% {
|
||||||
|
transform: translateY(90vh);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateY(90vh);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stem {
|
||||||
|
width: 1px;
|
||||||
|
height: 60%;
|
||||||
|
margin-left: 7px;
|
||||||
|
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
|
||||||
|
animation: stem 0.5s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes stem {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
65% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
75% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.splat {
|
||||||
|
width: 15px;
|
||||||
|
height: 10px;
|
||||||
|
border-top: 2px dotted rgba(255, 255, 255, 0.5);
|
||||||
|
border-radius: 50%;
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(0);
|
||||||
|
animation: splat 0.5s linear infinite;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.splat-toggle .splat {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes splat {
|
||||||
|
0% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
80% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
90% {
|
||||||
|
opacity: 0.5;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(1.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggles {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle {
|
||||||
|
position: absolute;
|
||||||
|
left: 20px;
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 51px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-align: center;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: bold;
|
||||||
|
background-color: rgba(255, 255, 255, 0.2);
|
||||||
|
color: rgba(0, 0, 0, 0.5);
|
||||||
|
border-radius: 50%;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle:active {
|
||||||
|
background-color: rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.toggle.active {
|
||||||
|
background-color: rgba(255, 255, 255, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.splat-toggle {
|
||||||
|
top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-row-toggle {
|
||||||
|
top: 90px;
|
||||||
|
line-height: 12px;
|
||||||
|
padding-top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-toggle {
|
||||||
|
top: 160px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.single-toggle .drop {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.single-toggle .drop:nth-child(10) {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
32
index.html
32
index.html
|
|
@ -1,14 +1,32 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="style.css">
|
<meta charset="UTF-8">
|
||||||
|
<meta property="og:title" content="igna.rocks">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:image" href="assets/favicon.png">
|
||||||
|
<meta property="og:description" content="igna > you.">
|
||||||
|
<meta property="og:url" content="https://igna.rocks">
|
||||||
|
<meta name="theme-color" content="#bbaaee">
|
||||||
|
<link rel="icon" type="image/png" href="assets/favicon.png">
|
||||||
|
<link rel="stylesheet" href="css/rain.css">
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
<audio autoplay>
|
||||||
|
<source src="assets/only_one.mp3" type="audio/mpeg">
|
||||||
|
</audio>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<div class="content-main">
|
<div class="content-main">
|
||||||
<h1>igna.rocks</h1><br />
|
<h1>root@igna.rocks</h1><br />
|
||||||
<p> Hi, i'm Ignacio, a 13-year-old programmer which likes anime</p>
|
<p> Hi, I'm Ignacio, a 13-year-old developer who likes anime and code stuff</p><br />
|
||||||
<p> stuff:</p><br />
|
<p> igna#9864 | <a href="https://discord.com/users/886994695648051270">discord</a> | <a
|
||||||
<p><a href="">login</a> or <a
|
href="https://bio.igna.rocks">bio</a> | <a href="https://steamcommunity.com/id/nulIed">steam</a> | <a
|
||||||
href="/web/20210820083931/https://megumi.dev/register">register</a></p>
|
href="instances.html">instances</a>
|
||||||
|
<p>
|
||||||
</div>
|
</div>
|
||||||
<script src="main.js"></script>
|
<script src="js/AnimatedTitle.js"></script>
|
||||||
|
<script src="js/rain.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
34
js/AnimatedTitle.js
Normal file
34
js/AnimatedTitle.js
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
var rev = "a";
|
||||||
|
|
||||||
|
function titlebar(val) {
|
||||||
|
var msg = "i g n a . r o c k s";
|
||||||
|
var res = " ";
|
||||||
|
var speed = 300;
|
||||||
|
var pos = val;
|
||||||
|
msg = msg;
|
||||||
|
var le = msg.length;
|
||||||
|
if (rev == "a") {
|
||||||
|
if (pos < le) {
|
||||||
|
pos = pos + 1;
|
||||||
|
scroll = msg.substr(0, pos);
|
||||||
|
document.title = scroll;
|
||||||
|
timer = window.setTimeout("titlebar(" + pos + ")", speed);
|
||||||
|
} else {
|
||||||
|
rev = "b";
|
||||||
|
timer = window.setTimeout("titlebar(" + pos + ")", speed);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (pos > 0) {
|
||||||
|
pos = pos - 1;
|
||||||
|
var ale = le - pos;
|
||||||
|
scrol = msg.substr(ale, le);
|
||||||
|
document.title = scrol;
|
||||||
|
timer = window.setTimeout("titlebar(" + pos + ")", speed);
|
||||||
|
} else {
|
||||||
|
rev = "fwd";
|
||||||
|
timer = window.setTimeout("titlebar(" + pos + ")", speed);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
titlebar(0);
|
||||||
|
document.addEventListener('contextmenu', event => event.preventDefault());
|
||||||
44
js/rain.js
Normal file
44
js/rain.js
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
var makeItRain = function () {
|
||||||
|
//clear out everything
|
||||||
|
$('.rain').empty();
|
||||||
|
|
||||||
|
var increment = 0;
|
||||||
|
var drops = "";
|
||||||
|
var backDrops = "";
|
||||||
|
|
||||||
|
while (increment < 100) {
|
||||||
|
//couple random numbers to use for various randomizations
|
||||||
|
//random number between 98 and 1
|
||||||
|
var randoHundo = (Math.floor(Math.random() * (98 - 1 + 1) + 1));
|
||||||
|
//random number between 5 and 2
|
||||||
|
var randoFiver = (Math.floor(Math.random() * (5 - 2 + 1) + 2));
|
||||||
|
//increment
|
||||||
|
increment += randoFiver;
|
||||||
|
//add in a new raindrop with various randomizations to certain CSS properties
|
||||||
|
drops += '<div class="drop" style="left: ' + increment + '%; bottom: ' + (randoFiver + randoFiver - 1 + 100) + '%; animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"><div class="stem" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div><div class="splat" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div></div>';
|
||||||
|
backDrops += '<div class="drop" style="right: ' + increment + '%; bottom: ' + (randoFiver + randoFiver - 1 + 100) + '%; animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"><div class="stem" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div><div class="splat" style="animation-delay: 0.' + randoHundo + 's; animation-duration: 0.5' + randoHundo + 's;"></div></div>';
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.rain.front-row').append(drops);
|
||||||
|
$('.rain.back-row').append(backDrops);
|
||||||
|
}
|
||||||
|
|
||||||
|
$('.splat-toggle.toggle').on('click', function () {
|
||||||
|
$('body').toggleClass('splat-toggle');
|
||||||
|
$('.splat-toggle.toggle').toggleClass('active');
|
||||||
|
makeItRain();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.back-row-toggle.toggle').on('click', function () {
|
||||||
|
$('body').toggleClass('back-row-toggle');
|
||||||
|
$('.back-row-toggle.toggle').toggleClass('active');
|
||||||
|
makeItRain();
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.single-toggle.toggle').on('click', function () {
|
||||||
|
$('body').toggleClass('single-toggle');
|
||||||
|
$('.single-toggle.toggle').toggleClass('active');
|
||||||
|
makeItRain();
|
||||||
|
});
|
||||||
|
|
||||||
|
makeItRain();
|
||||||
52
main.js
52
main.js
|
|
@ -1,52 +0,0 @@
|
||||||
var _____WB$wombat$assign$function_____ = function(name) {return (self._wb_wombat && self._wb_wombat.local_init && self._wb_wombat.local_init(name)) || self[name]; };
|
|
||||||
if (!self.__WB_pmw) { self.__WB_pmw = function(obj) { this.__WB_source = obj; return this; } }
|
|
||||||
{
|
|
||||||
let window = _____WB$wombat$assign$function_____("window");
|
|
||||||
let self = _____WB$wombat$assign$function_____("self");
|
|
||||||
let document = _____WB$wombat$assign$function_____("document");
|
|
||||||
let location = _____WB$wombat$assign$function_____("location");
|
|
||||||
let top = _____WB$wombat$assign$function_____("top");
|
|
||||||
let parent = _____WB$wombat$assign$function_____("parent");
|
|
||||||
let frames = _____WB$wombat$assign$function_____("frames");
|
|
||||||
let opener = _____WB$wombat$assign$function_____("opener");
|
|
||||||
|
|
||||||
if (window.previousError) {
|
|
||||||
toastr.error(window.previousError);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (window.previousSuccess) {
|
|
||||||
toastr.success(window.previousSuccess);
|
|
||||||
}
|
|
||||||
|
|
||||||
function copyToClipboard(text) {
|
|
||||||
var textArea = document.createElement('textarea');
|
|
||||||
textArea.value = text;
|
|
||||||
document.body.appendChild(textArea);
|
|
||||||
textArea.select();
|
|
||||||
document.execCommand('copy');
|
|
||||||
document.body.removeChild(textArea);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
FILE ARCHIVED ON 08:39:31 Aug 20, 2021 AND RETRIEVED FROM THE
|
|
||||||
INTERNET ARCHIVE ON 23:58:41 Sep 13, 2021.
|
|
||||||
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
|
|
||||||
|
|
||||||
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
|
|
||||||
SECTION 108(a)(3)).
|
|
||||||
*/
|
|
||||||
/*
|
|
||||||
playback timings (ms):
|
|
||||||
captures_list: 105.795
|
|
||||||
exclusion.robots: 0.11
|
|
||||||
exclusion.robots.policy: 0.103
|
|
||||||
RedisCDXSource: 21.859
|
|
||||||
esindex: 0.009
|
|
||||||
LoadShardBlock: 60.86 (3)
|
|
||||||
PetaboxLoader3.datanode: 92.05 (4)
|
|
||||||
CDXLines.iter: 20.149 (3)
|
|
||||||
load_resource: 120.687
|
|
||||||
PetaboxLoader3.resolve: 53.945
|
|
||||||
*/
|
|
||||||
36
style.scss
36
style.scss
|
|
@ -1,36 +0,0 @@
|
||||||
.menu_simple {
|
|
||||||
width: 100%;
|
|
||||||
background-color: #005555;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
float: left;
|
|
||||||
|
|
||||||
li {
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
a {
|
|
||||||
float: left;
|
|
||||||
text-decoration: none;
|
|
||||||
color: white;
|
|
||||||
padding: 10.5px 11px;
|
|
||||||
background-color: #005555;
|
|
||||||
|
|
||||||
&:visited {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: white;
|
|
||||||
background-color: #5FD367;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.current {
|
|
||||||
color: white;
|
|
||||||
background-color: #5FD367;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue