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>