update log credits to: https://driiving.tumblr.com/post/107017074156

​

​

<br><br/>

​

<style>

/*--- BEGIN UPDATES ---*/

#updatescont {

top: 0;

margin-top: 20px;

left: 0;

margin-left: 20px;

position: fixed;

}

​

#sq1 {

position: relative;

display: inline-block;

height: 30px;

width: 30px;

margin-right: 5px;

background-image: url("https://media.discordapp.net/attachments/904740166755827753/996092772970922007/340.gif");

background-repeat:no-repeat;

​

/*--- change bg color of tab squares ---*/

}

​

#tab1 {

position: absolute;

font-family: archivo;

width: 160px;

height: 15em;

text-align: left;

font-size: 1.5rem;

overflow-x: hidden;

overflow-y: scroll;

margin-top: 2px;

margin-left: 0px;

border-left: solid 3px purple;

Z-INDEX: 9999;

/*--- change border color of text boxes ---*/

background-color: #F5F5F5;

/*--- change background color of text boxes ---*/

word-wrap: break-word;

padding: 10px;

z-index: 999;

}

​

/*--- ADDING AND DELETING TABS: to add a tab- add another tab name in the tag above (ie add "#tab5" after tab four, and don't forget the comma!), do the same thing in the tag above that (so add "#sq5" with a comma before it) and then copy one of the four tags below and paste it below the others (change the number in the #tab tag to match whichever tab you're adding, ie "#tab5"). don't forget to do the same thing down in the html, and change the number on that too to delete a tab- pretty self explanatory, just delete all of the code for one of the tabs ---*/

#tab1 {

visibility: hidden;

opacity: 0;

}

​

.show:focus+#tab1 {

visibility: visible;

opacity: 1;

}

​

/*--- END UPDATES ---*/

</style>

<div id="updatescont"><a href="#show" id="sq1" class="show">

<font style="display:none">[ show ]</font>

</a>

<div id="tab1">UPDATES<br>

07/12/22: new layout.

<br><br />

06/15/22: fixed some of the missing pastebin or code links, and less new stuffs added <br><br />

​

05/30/22: transferred this to neocities! sorry for the inconvenience. <br><br />

​

05/28/22: new layout. <br><br />

​

05/26/22: scroll boxes and brand new stuffs. Transferring this final output to scripted.neocities.org soon!

<br><br />

​

05/09/22: started this resources.

​

</div>

​

<script>

var b = document.body;

var imgurl = "https://tomomi.neocities.org/pixeles2/348.gif";

var size = [10, 20];

​

function rand(min, max) {

return Math.floor(Math.random() * (max - min + 1) + min)

}

​

function getSize() {

return rand(size[0], size[1]);

}

​

function lerp(a, b, f) {

return (b - a) * f + a;

}

​

function heart(x, y) {

var s = getSize();

x -= s / 2;

y -= s / 2;

x = Math.floor(x) + rand(-5, 5);

y = Math.floor(y) + rand(-5, 5);

var fx = x + rand(-40, 40);

var fy = y + rand(-40, 40);

var i = document.createElement("img");

i.src = imgurl;

i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${x}px; top: ${y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;

b.appendChild(i);

var f = 0;

var interval;

interval = setInterval(function() {

var _x = Math.floor(lerp(x, fx, f));

var _y = Math.floor(lerp(y, fy, f));

i.style = `pointer-events: none; position: fixed; width: ${s}px; left: ${_x}px; top: ${_y}px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1000000;`;

i.style.opacity = 1 - f;

f += 0.01;

if (f > 1) {

clearInterval(interval);

b.removeChild(i);

}

}, 10);

}

​

function bro(x, y) {

for (var i = 0; i < 15; i++) {

heart(x, y);

}

}

b.addEventListener("click", function(event) {

var x = event.clientX;

var y = event.clientY;

bro(x, y);

});

</script>