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>
|
||||
<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>
|
||||
|
||||
<div class="content-main">
|
||||
<h1>igna.rocks</h1><br />
|
||||
<p> Hi, i'm Ignacio, a 13-year-old programmer which likes anime</p>
|
||||
<p> stuff:</p><br />
|
||||
<p><a href="">login</a> or <a
|
||||
href="/web/20210820083931/https://megumi.dev/register">register</a></p>
|
||||
<h1>root@igna.rocks</h1><br />
|
||||
<p> Hi, I'm Ignacio, a 13-year-old developer who likes anime and code stuff</p><br />
|
||||
<p> igna#9864 | <a href="https://discord.com/users/886994695648051270">discord</a> | <a
|
||||
href="https://bio.igna.rocks">bio</a> | <a href="https://steamcommunity.com/id/nulIed">steam</a> | <a
|
||||
href="instances.html">instances</a>
|
||||
<p>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
<script src="js/AnimatedTitle.js"></script>
|
||||
<script src="js/rain.js"></script>
|
||||
</body>
|
||||
|
||||
</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