<!-- 
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡶⠲⠶⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡾⠁⠀⠀⠈⠙⠳⢤⣀⠀⠀⠀⠀⠀⠀⣀⣀⣀⣀⣀⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣠⠤⠤⠤⠴⠶⠦⣤⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⠇⠀⠀⠀⠀⠀⠀⠀⣈⣹⠶⠖⠚⠉⠉⠉⠀⠀⠀⠈⠁⠀⠀⠉⠒⣢⡤⠄⠒⠊⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠸⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡟⠀⠀⠀⠀⠀⢀⡴⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡋⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠴⠊⠉⢿⢰⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡇⠀⠀⠀⣠⣾⣋⡤⠤⠤⠒⠒⠒⠒⠒⠒⠒⠢⠤⣄⡀⠀⠀⠀⠉⠘⠳⣤⣀⠀⠀⠀⠀⠀⢣⠀⠀⠀⠐⠾⠒⣾⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠇⠀⣠⡾⠋⢁⣠⡤⠴⠒⢿⠀⠀⣴⠛⠉⠙⠛⠛⠦⣍⡓⠦⣄⡀⠀⠀⠀⠉⢿⣶⣄⠀⡼⠃⠀⠀⠀⠀⡠⠎⡇⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣠⣾⢏⡴⠚⠉⠀⠀⠀⠀⢸⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠉⠓⠦⢍⡓⠦⣄⡀⠀⠀⠙⢿⡔⠛⡄⠀⠀⠀⠀⡆⡇⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡼⠛⡳⠊⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠓⢦⡙⠷⣄⠀⠈⢷⡇⠀⢣⣀⠏⠉⢹⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢁⡼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠘⡄⠀⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡘⣷⠀⠈⢻⡄⠀⠀⠀⣠⡾⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⡞⢸⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡇⣿⠀⠀⠀⠙⠷⠤⠤⢾⣇⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⡇⢸⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡇⠀⠙⢷⣤⣀⣤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⢡⡿⠤⠤⠤⠤⠤⠶⠶⢼⡏⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣸⡇⠘⣇⠀⠀⠀⠀⠀⠀⠀⢀⣠⠾⢋⣠⣤⣤⣤⣭⣥⣤⣉⣓⠦⣤⣀⠀⠀⠀⠀⢰⠇⣾⣧⣄⣀⣀⣀⣀⣀⣀⣸⡇⠀⠀
⠀⠀⠀⠀⠀⠄⣠⠋⠀⣻⡄⠈⠣⣄⣀⠀⣀⣤⠖⠋⣡⣾⠛⠉⠀⠀⠀⠀⠀⠀⠉⠙⠻⣿⣿⣟⡳⢦⡤⠟⣰⡟⡇⠀⠈⠉⠉⠉⠉⠁⢸⠀⠀⠀
⠀⠀⠀⠀⠀⣼⠁⠀⣰⡿⣿⣦⡀⠈⠉⠉⠁⢀⣤⠞⣿⠛⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⠀⠈⢻⣿⣿⡾⠛⠀⡇⠀⠀⠀⠀⠀⠀⠀⢸⠀⠀⠀
⠀⠀⠀⠀⢰⠃⢀⣴⡿⠃⠀⠈⠛⠷⠶⠶⠞⠛⢁⣼⡇⠀⠘⣧⠀⢀⡀⠀⠀⠀⠀⠀⠀⣿⡴⠚⠉⠉⠙⠻⡷⣄⡇⠀⠀⠀⠀⠀⠀⠀⣸⠀⠀⠀
⠀⠀⠀⠀⣿⡴⠋⢸⠇⠀⠀⠀⠀⠀⠀⠀⢀⡾⠋⠁⠉⠳⡄⠀⢳⡸⣿⡄⠀⠀⢰⣆⠀⢻⠁⠀⠀⠀⠀⠀⠀⠹⣷⠀⠀⠀⠀⠀⠀⢰⣿⠀⠀⠀
⠀⠀⠀⠠⡿⠁⠆⣾⢀⣤⠀⠀⠀⠀⠀⢀⣿⠀⠀⠀⠀⠀⢹⡄⠀⠻⣿⡻⣦⡀⠈⣿⢦⣸⡀⠀⠀⠀⠀⠀⠀⢸⣿⡄⠀⠀⠀⠀⣠⢟⡿⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣿⡾⡿⠀⠀⠀⠀⠀⠸⣧⠀⠀⠀⠀⠀⠀⣿⠀⠀⠈⢳⡈⠙⢦⡘⣎⠻⣯⣀⠀⠀⠀⠀⣠⣾⠉⣇⠀⠀⠀⣴⢋⡼⢁⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣿⠃⣇⠀⠀⣀⠀⠀⠀⣿⣦⡀⠀⠀⠀⡼⠃⠀⠀⠀⠀⠐⠀⠀⠉⠻⣦⡹⠟⠓⠶⢒⠋⣹⣿⠀⢹⠀⣠⠞⣡⠞⠁⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠉⠀⢻⠀⢰⣿⡀⠀⠀⢹⡈⠙⠒⠒⠋⠀⠀⠀⠀⠀⡀⠀⣀⣄⠀⢀⣈⣁⠀⠀⠀⢉⣴⣯⢻⣇⠸⢿⣯⣾⡏⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡆⢸⠉⣇⠀⢀⡈⣷⣄⣀⣀⣀⠀⠀⠀⠀⠀⠈⢙⣅⠀⠉⠉⣁⣬⣧⣤⠾⠟⣻⠇⣼⢿⣤⡾⢁⠀⠹⡄⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢹⣾⢀⠘⣆⠘⡿⣿⣿⣏⠉⠉⠛⠛⢻⡖⠒⣶⣾⣿⣿⢟⣉⢉⠉⡟⠳⠤⣤⣿⣿⣧⣀⠉⠀⢿⡋⠒⠛⠶⠤⠄⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⠀⠃⠘⣦⣷⠈⠳⢼⣷⣶⠀⣰⢿⣇⣼⠏⠻⠿⠿⣿⣿⣿⢶⡟⢀⣠⣿⠟⠶⢤⡉⠙⠒⠲⠿⠖⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠿⢸⠀⠀⡟⢛⠟⠁⣼⣿⠷⠤⢄⡤⠞⠉⠀⠙⣿⣠⠞⠁⠀⠀⠀⢀⠹⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠉⠐⠂⠁⡾⠀⠠⠋⠀⠀⠀⠀⠀⠘⢷⠀⠀⠀⠀⠀⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⣸⠃⠀⠠⡀⠀⠀⠀⠀⠀⠀⠸⣇⠀⠀⠀⠀⠀⠀⢸⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⡏⠀⠀⢠⡇⠀⠀⠀⠀⠀⠀⠀⢹⡄⠀⠀⠀⠀⠀⠀⢇⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡄⠀⠀⣼⡇⠀⠀⠀⠀⠀⠀⠀⠈⣷⣀⠀⠀⠀⠀⠀⠈⢧⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢀⡠⠐⠂⠉⠉⠉⠒⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⣽⠓⠶⠚⡇⠀⠀⠀⠀⠀⠀⣀⡼⠁⠀⠀⠀⠀⢀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢀⠔⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠣⡀⠀⠀⠀⠀⠀⠀⠀⠀⡇⢰⠀⠀⠳⠧⣤⣤⡤⡴⠚⢹⣦⣀⣀⣀⡠⠔⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⡰⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠆⠀⠀⠀⠀⠀⠀⢸⠃⠈⠀⠀⠀⠀⣰⠏⢠⡇⠀⢸⠇⠀⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢠⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢂⠀⠀⠀⠀⣠⡏⠀⠀⣀⣠⠴⠚⢯⣭⣭⢷⠀⣼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡞⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠀⠀⠀⠀⠀⠁⠒⠢⠤⠊⠉⠉⣉⠁⠂⠀⣀⣀⣹⣀⠈⣷⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⣠⠈⠁⠀⠙⠳⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⠒⠋⢉⣁⣠⣼⣧⣀⣨⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⣸⠏⠀⠀⠀⠀⠀⠈⠙⠦⣄⡀⠀⠀⠀⢀⣠⠀⣸⡟⠉⠉⠁⠀⢸⡇⠈⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢳⠀⠀⠀⠀⠀⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠈⣉⠝⢁⡠⠋⢹⠀⠀⡀⠀⠀⡇⠀⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠘⣆⠀⠀⠀⠀⠀⢻⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠈⠁⣀⣀⢘⣦⡀⠱⣄⣀⣷⠴⡷⠒⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠙⢄⡀⠀⠀⢀⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢷⡈⠉⢻⡀⠀⠀⠉⡇⠀⡇⣼⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠉⠛⠚⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⣄⣧⠀⠀⠀⡇⢰⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⢧⠀⠀⡇⡼⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢧⠀⣇⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
hai. do u like my oc dot art ^
idc if u take ispo
also idc if u take bits of it either
but dont like copy n paste the entire thing lawl
im rlly weird n i format my code weird cus i like to save space
none of those useless breaks
srry if its messy/hard for u to read
if u use my code or get inspired pls show me👀👀👀👀
-->
<!DOCTYPE html>
<html><head>
  <!-- clock -->
<script>function updateClock() {const now = new Date();let hours = now.getHours();
const minutes = String(now.getMinutes()).padStart(2, '0');const seconds = String(now.getSeconds()).padStart(2, '0');
const ampm = hours >= 12 ? "PM" : "AM";hours = hours % 12 || 12;
document.getElementById("clock").textContent =`${hours}:${minutes}:${ampm}`;}setInterval(updateClock, 1000);updateClock();</script>
<script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);
/***animated titke***/
tb8_messages[0] = " DAWN OF A...";tb8_messages[1] = "(fox)";tb8_messages[2] = "...FAILURE";
tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;
var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;
function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}
if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()
</script><script type="text/javascript"> // <![CDATA[
/***color ***/
var colour="random";var sparkles=50;
/***Magic Sparkle***/
var x=ox=400;var y=oy=300;var swide=800;var shigh=600;var sleft=sdown=0;var tiny=new Array();
var star=new Array();var starv=new Array();var starx=new Array();var stary=new Array();
var tinyx=new Array();var tinyy=new Array();var tinyv=new Array();
window.addEventListener("load", function() {if (document.getElementById) {var i, rats, rlef, rdow;
for (i=0; i<sparkles; i++) {var rats=createDiv(3, 3);rats.style.visibility="hidden";
rats.style.zIndex="999";document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0;
var rats=createDiv(5, 5);rats.style.backgroundColor="transparent";rats.style.visibility="hidden";
rats.style.zIndex="999";var rlef=createDiv(1, 5);var rdow=createDiv(5, 1);rats.appendChild(rlef);
rats.appendChild(rdow);rlef.style.top="2px";rlef.style.left="0px";rdow.style.top="0px";rdow.style.left="2px";
document.body.appendChild(star[i]=rats); }set_width();sparkle();}});
function sparkle() {var c;if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {ox=x;oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y+1)+"px";star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
star[c].style.visibility="visible";starv[c]=50;break;}}
for (c=0; c<sparkles; c++) {if (starv[c]) update_star(c);if (tinyv[c]) update_tiny(c);}setTimeout("sparkle()", 40);}
function update_star(i) {if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {stary[i]+=1+Math.random()*3;starx[i]+=(i%5-2)/5;
if (stary[i]<shigh+sdown) {star[i].style.top=stary[i]+"px";star[i].style.left=starx[i]+"px";}
else {star[i].style.visibility="hidden"; starv[i]=0;return;}}else {tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";tiny[i].style.height="2px";tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
star[i].style.visibility="hidden";tiny[i].style.visibility="visible" }}function update_tiny(i) {
if (--tinyv[i]==25) {tiny[i].style.width="1px";tiny[i].style.height="1px";}if (tinyv[i]) {tinyy[i]+=1+Math.random()*3;tinyx[i]+=(i%5-2)/5;
if (tinyy[i]<shigh+sdown) {tiny[i].style.top=tinyy[i]+"px";tiny[i].style.left=tinyx[i]+"px";}
else { tiny[i].style.visibility="hidden";tinyv[i]=0;return}}
else tiny[i].style.visibility="hidden";}document.onmousemove=mouse;function mouse(e) {if (e) {y=e.pageY;x=e.pageX;}
else {set_scroll();y=event.y+sdown;x=event.x+sleft;}}window.onscroll=set_scroll;function set_scroll() {
if (typeof(self.pageYOffset)=='number') {sdown=self.pageYOffset;sleft=self.pageXOffset; }
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;sleft=document.body.scrollLeft; }
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;sdown=document.documentElement.scrollTop; }
else {sdown=0;sleft=0;}}window.onresize=set_width;function set_width() {var sw_min=999999;var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight; }if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight; }
if (sw_min==999999 || sh_min==999999) {sw_min=800;sh_min=600; }
swide=sw_min;shigh=sh_min;}function createDiv(height, width) {var div=document.createElement("div");div.style.position="absolute";
div.style.height=height+"px";div.style.width=width+"px";div.style.overflow="hidden";
return (div);}function newColour() {var c=new Array();c[0]=255;c[1]=Math.floor(Math.random()*256);c[2]=Math.floor(Math.random()*(256-c[1]/2));
c.sort(function(){return (0.5 - Math.random());});
return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");}
// ]]></script><script type="text/javascript">
/***Wobbly Text***/
window.addEventListener("load", function (){const elements = document.querySelectorAll(".wobble");
elements.forEach((el, index) => {const text = el.textContent.trim();el.innerHTML = "";for (let i = 0; i < text.length; i++){
let span = document.createElement("span");span.style.position = "relative";span.textContent = text[i];el.appendChild(span);}let count = 0;
setInterval(() => {el.childNodes.forEach((span, i) => {span.style.top = Math.round(3 * Math.sin(i + count)) + "px";});count++;}, 100);});});</script>
<!-- end effects-->
<style>@font-face {font-family: 'VT323';src: url(https://foxfailure.neocities.org/VT323/vt323-latin-400-normal.woff);}</style>
<link rel="icon" type="image/x-icon" href="favicon/favicon.ico">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>DAWN OF A foxFAILURE</title>
<link href="/test.css" rel="stylesheet" type="text/css" media="all">
</head>
<!-- start -->
<body>
<!-- page dolls -->
<img src="https://foxfailure.neocities.org/images/sadie-pagedoll.png" class="page-decor left-decor" tabindex="0">
<img src="https://foxfailure.neocities.org/images/kibble-pagedoll.png" class="page-decor right-decor" tabindex="0">
<div id="header-container"><div id="header"> 
 <!-- top bar -->
<div id="top-box"><div class="top-left">⏱ <span id="clock">00:00</span></div>
<div class="top-right"><span class="win-btn">_</span><span class="win-btn">▢</span><span class="win-btn">✕</span></div></div>
<!-- header -->
<div id="header-container"><div id="header"><img src="https://i.pinimg.com/1200x/88/70/0f/88700f5438244f168f61678586c2c0a1.jpg"></div></div></div>
<div id="container"><div id="flex">
<!-- left-->
<aside id="leftSidebar">
<center><div style="text-align: center; margin-bottom: 15px;">
<img class="pfp" src="https://images.artfight.net/character/th_G53E6Ub70I1g6VNJ6vKQZe7AgEbTGEu5MD5eDxzzlCv5a8r8PRCawWz8JgaU.png?t=1751831663" 
width="150" height="130"></div></center>
<div class="nav-box"><div class="nav-title">Navigation</div><div class="nav-section">
<a href="https://foxfailure.neocities.org/404"><span class="link-text">About me</span></a>
 <a href="https://foxfailure.neocities.org/rpg"><span class="link-text">My RPG</span></a>
<a href="https://foxfailure.neocities.org/404"><span class="link-text">Ocs</span></a>
<a href="https://foxfailure.neocities.org/404"><span class="link-text">Shrines</span></a>
<a href="https://foxfailure.neocities.org/404"><span class="link-text">Blogs</span></a>
<a href="https://foxfailure.neocities.org/404"><span class="link-text">...</span></a>
<a href="https://foxfailure.neocities.org/404"><span class="link-text">...</span></a></div>
<div class="nav-header">Boring</div><div class="nav-section">
<a href="https://foxfailure.neocities.org/404"><span class="link-text">Resources</span></a>
<a href="https://foxfailure.neocities.org/404"><span class="link-text">Sitemap</span></a>
<a href="https://foxfailure.neocities.org/404"><span class="link-text">Credits</span></a></div>
<div class="nav-header">Off-Site</div><div class="nav-section">
<a href="https://neocities.org/site/foxfailure"><span class="link-text">Neocities profile </span><img src="https://i.postimg.cc/Y058fxhG/IMG-1217.gif" style="width: 10px; height: 10px"> <span class="new">NEW</span></a>
<a href="https://foxfailure.neocities.org/404"><span class="link-text">Guestbook</span></a></div></div>
</aside>
<!-- main-->
<main>
<div class="title-row"><div class="wobble" style="color: #ff4f8b;font-size: 22px">DAWN OF A (fox)FAILURE</div><img src="https://pixels.crd.co/assets/images/gallery11/11e1dfb2.gif?v=99d3974e"></div>
<div class="main-row"> <div class="left-column"><div class="scroll-box"><p style="color: #ff4f8b;">
<u>to do:</u><br>
finish homepage<br>
polls<br>
kinlist/fav characters<br>
quiz results<br>
seceret page<br>
FAQ<br>
ability to change music<br><br>
<u>to make:</u><br>
oc stamps<br>
web ads<br>
apartment webring<br>
customs cursor<br>
</p></div>
<div class="carousel-container"><div class="carousel-track"><div class="carousel-group">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b02fee91-fa7b-4a70-8ded-a0383a49642e/d2in1tt-64850393-c5ab-4e8f-ac7c-229291bd606a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi9iMDJmZWU5MS1mYTdiLTRhNzAtOGRlZC1hMDM4M2E0OTY0MmUvZDJpbjF0dC02NDg1MDM5My1jNWFiLTRlOGYtYWM3Yy0yMjkyOTFiZDYwNmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.l5G0hZsI3VwSx3X2Wb9QV077-6Z-4Fs2zxiZsYOhYDA">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5f1dbdfe-2e20-42ff-945f-4a6bbb8c23d2/d121nct-8017a04b-f650-4003-b780-a7d5acef404c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi81ZjFkYmRmZS0yZTIwLTQyZmYtOTQ1Zi00YTZiYmI4YzIzZDIvZDEyMW5jdC04MDE3YTA0Yi1mNjUwLTQwMDMtYjc4MC1hN2Q1YWNlZjQwNGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.lWxEOaX_10FCeuGCb8joi4nJ3wofGOFNRnnjRMAjB3E">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b9dca611-7b69-4ef2-9a32-565ea127632b/dk0l8is-9ac6a4f0-99e6-487f-a3af-76ef3ab668e5.png/v1/fill/w_99,h_56/phdinfaggotry_by_shibkit_dk0l8is-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTYiLCJwYXRoIjoiL2YvYjlkY2E2MTEtN2I2OS00ZWYyLTlhMzItNTY1ZWExMjc2MzJiL2RrMGw4aXMtOWFjNmE0ZjAtOTllNi00ODdmLWEzYWYtNzZlZjNhYjY2OGU1LnBuZyIsIndpZHRoIjoiPD05OSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.lsMtGGurEQ2AtzeSJiRhWS0PsNBbj2MdEcjr54wrNl0">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4ea14ce4-72c8-4faf-bbbc-750a011485df/dilj70a-1a1fe806-f186-4bdc-adc8-3b7bbb533ca1.jpg/v1/fill/w_99,h_57,q_75,strp/contacts_stamp_by_goatgutzupon_dilj70a-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTciLCJwYXRoIjoiL2YvNGVhMTRjZTQtNzJjOC00ZmFmLWJiYmMtNzUwYTAxMTQ4NWRmL2RpbGo3MGEtMWExZmU4MDYtZjE4Ni00YmRjLWFkYzgtM2I3YmJiNTMzY2ExLmpwZyIsIndpZHRoIjoiPD05OSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.54C71gG5GjnkJkirN-WjybFLJCDBc7AFuBHrYTjW5fM">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/fa45c6bb-cca7-4ea2-8ac6-05eb431873f2/dagnq0i-96d7aaa2-5ef5-4a0f-8052-f6720dd008db.png/v1/fill/w_99,h_56/postal_2_stamp_by_g0reh0und_dagnq0i-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTYiLCJwYXRoIjoiL2YvZmE0NWM2YmItY2NhNy00ZWEyLThhYzYtMDVlYjQzMTg3M2YyL2RhZ25xMGktOTZkN2FhYTItNWVmNS00YTBmLTgwNTItZjY3MjBkZDAwOGRiLnBuZyIsIndpZHRoIjoiPD05OSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.jmKjg_gXiDCnEp7Goq541yREnSz2aT13lCSRUQ73t9E">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5f26aed4-2ab1-465b-9f04-197e276199a3/d62hj9m-a9c1788b-401e-4d22-a17d-93ecee0ddfca.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi81ZjI2YWVkNC0yYWIxLTQ2NWItOWYwNC0xOTdlMjc2MTk5YTMvZDYyaGo5bS1hOWMxNzg4Yi00MDFlLTRkMjItYTE3ZC05M2VjZWUwZGRmY2EuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ugzSAOkGm30kRcQdVtkQdxNG4uaudxR-x3inkXpyrS8">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/213f1936-3ce3-4e9b-9d8a-6403c5ba5bdb/d5e4q9c-9382b2da-ba04-40d5-9389-abc93c0f38b3.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi8yMTNmMTkzNi0zY2UzLTRlOWItOWQ4YS02NDAzYzViYTViZGIvZDVlNHE5Yy05MzgyYjJkYS1iYTA0LTQwZDUtOTM4OS1hYmM5M2MwZjM4YjMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.IaLKxw7wtqiC-mFeLf5xgM4QNMlytRgS3QBmXQ2jAzU">
 <img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/699532aa-c84c-4af8-9610-47b9e8a69e1e/d32p8s0-619944bf-18f6-4254-9873-afe131a3db85.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi82OTk1MzJhYS1jODRjLTRhZjgtOTYxMC00N2I5ZThhNjllMWUvZDMycDhzMC02MTk5NDRiZi0xOGY2LTQyNTQtOTg3My1hZmUxMzFhM2RiODUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.m0Kk3ljUn69JNznwXMz_z7xV1yMqhdT_jb8zmC5EJ9c">
<div class="carousel-group"><!-- repeat alll-->
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b02fee91-fa7b-4a70-8ded-a0383a49642e/d2in1tt-64850393-c5ab-4e8f-ac7c-229291bd606a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi9iMDJmZWU5MS1mYTdiLTRhNzAtOGRlZC1hMDM4M2E0OTY0MmUvZDJpbjF0dC02NDg1MDM5My1jNWFiLTRlOGYtYWM3Yy0yMjkyOTFiZDYwNmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.l5G0hZsI3VwSx3X2Wb9QV077-6Z-4Fs2zxiZsYOhYDA">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5f1dbdfe-2e20-42ff-945f-4a6bbb8c23d2/d121nct-8017a04b-f650-4003-b780-a7d5acef404c.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi81ZjFkYmRmZS0yZTIwLTQyZmYtOTQ1Zi00YTZiYmI4YzIzZDIvZDEyMW5jdC04MDE3YTA0Yi1mNjUwLTQwMDMtYjc4MC1hN2Q1YWNlZjQwNGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.lWxEOaX_10FCeuGCb8joi4nJ3wofGOFNRnnjRMAjB3E">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b9dca611-7b69-4ef2-9a32-565ea127632b/dk0l8is-9ac6a4f0-99e6-487f-a3af-76ef3ab668e5.png/v1/fill/w_99,h_56/phdinfaggotry_by_shibkit_dk0l8is-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTYiLCJwYXRoIjoiL2YvYjlkY2E2MTEtN2I2OS00ZWYyLTlhMzItNTY1ZWExMjc2MzJiL2RrMGw4aXMtOWFjNmE0ZjAtOTllNi00ODdmLWEzYWYtNzZlZjNhYjY2OGU1LnBuZyIsIndpZHRoIjoiPD05OSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.lsMtGGurEQ2AtzeSJiRhWS0PsNBbj2MdEcjr54wrNl0">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/4ea14ce4-72c8-4faf-bbbc-750a011485df/dilj70a-1a1fe806-f186-4bdc-adc8-3b7bbb533ca1.jpg/v1/fill/w_99,h_57,q_75,strp/contacts_stamp_by_goatgutzupon_dilj70a-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTciLCJwYXRoIjoiL2YvNGVhMTRjZTQtNzJjOC00ZmFmLWJiYmMtNzUwYTAxMTQ4NWRmL2RpbGo3MGEtMWExZmU4MDYtZjE4Ni00YmRjLWFkYzgtM2I3YmJiNTMzY2ExLmpwZyIsIndpZHRoIjoiPD05OSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.54C71gG5GjnkJkirN-WjybFLJCDBc7AFuBHrYTjW5fM">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/fa45c6bb-cca7-4ea2-8ac6-05eb431873f2/dagnq0i-96d7aaa2-5ef5-4a0f-8052-f6720dd008db.png/v1/fill/w_99,h_56/postal_2_stamp_by_g0reh0und_dagnq0i-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTYiLCJwYXRoIjoiL2YvZmE0NWM2YmItY2NhNy00ZWEyLThhYzYtMDVlYjQzMTg3M2YyL2RhZ25xMGktOTZkN2FhYTItNWVmNS00YTBmLTgwNTItZjY3MjBkZDAwOGRiLnBuZyIsIndpZHRoIjoiPD05OSJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.jmKjg_gXiDCnEp7Goq541yREnSz2aT13lCSRUQ73t9E">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5f26aed4-2ab1-465b-9f04-197e276199a3/d62hj9m-a9c1788b-401e-4d22-a17d-93ecee0ddfca.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi81ZjI2YWVkNC0yYWIxLTQ2NWItOWYwNC0xOTdlMjc2MTk5YTMvZDYyaGo5bS1hOWMxNzg4Yi00MDFlLTRkMjItYTE3ZC05M2VjZWUwZGRmY2EuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ugzSAOkGm30kRcQdVtkQdxNG4uaudxR-x3inkXpyrS8">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/213f1936-3ce3-4e9b-9d8a-6403c5ba5bdb/d5e4q9c-9382b2da-ba04-40d5-9389-abc93c0f38b3.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi8yMTNmMTkzNi0zY2UzLTRlOWItOWQ4YS02NDAzYzViYTViZGIvZDVlNHE5Yy05MzgyYjJkYS1iYTA0LTQwZDUtOTM4OS1hYmM5M2MwZjM4YjMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.IaLKxw7wtqiC-mFeLf5xgM4QNMlytRgS3QBmXQ2jAzU">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/699532aa-c84c-4af8-9610-47b9e8a69e1e/d32p8s0-619944bf-18f6-4254-9873-afe131a3db85.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiIvZi82OTk1MzJhYS1jODRjLTRhZjgtOTYxMC00N2I5ZThhNjllMWUvZDMycDhzMC02MTk5NDRiZi0xOGY2LTQyNTQtOTg3My1hZmUxMzFhM2RiODUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.m0Kk3ljUn69JNznwXMz_z7xV1yMqhdT_jb8zmC5EJ9c">
</div></div></div></div></div><!-- left box-->
<div class="extra-box"><p style="color:#ff4f8b;">
coded on 2560 x 1440 monitor, for window users, not moblie friendly<br>
<br>im a furry artist, find my art <a href="https://exclusivity.carrd.co">here</a>.<br>
started coding at 12, had a neocities at 13, & i take coding class ^_^ in fact, my computer applications teacher has the link to my neocities...<br> in my free time (when i should be asleep) i spend HOURS coding!!<br>i learned by splicing/frakenstieing others codes unil i learned myself. i actually learned html/css on toyhou.se by coding my ocs profiles lol...
 <br>u can get inspired by my site! im making a resource/help section soon
<center><img src="https://gifcity.carrd.co/assets/images/gallery79/ac0a5518.gif?v=5bf8fcf7"></center></div></div>


<div class="button-box" style="text-align:center;">
    <u style="color:#ff4f8b;">add my button!</u><br><br>
  <img src="https://foxfailure.neocities.org/images/button.gif"><br><br>
  <textarea readonly style="width:150px; height:60px;">
<a href="https://foxfailure.neocities.org">
<img src="https://foxfailure.neocities.org/images/button.gif">
</a>
  </textarea>
</div>
</main>
  <!-- right-->
<aside id="rightSidebar">
<div class="title-row"><p class="wobble" style="color:#ff4f8b;font-size: 22px;">Whats new?</p><img src="https://files.catbox.moe/sf8m9v.webp" style="width: 20px;height: 20px"></div>
<div class="box scroll-box-small"><ul style="padding-left:10px;color: #ff8fb3;">
<li style="color: #ff8fb3;">made a button</li>
<li style="color: #ff8fb3;">nav box, inspo: moeq</li>
<li style="color: #ff8fb3;">RPG page made</li>
<li style="color: #ff8fb3;">made an achivement viewing system/window</li>
<li style="color: #ff8fb3;">working on about me page</li>
</ul></div>
<div class="window-box"><div class="window-top"><span>iMood</span><div class="window-buttons">
<span class="win-btn">_</span><span class="win-btn">▢</span><span class="win-btn close-btn">✕</span></div></div>
<div class="imood-box"><b style="color:#ff4f8b;">iMood:</b><br><a href="https://www.imood.com/users/raymon">
<img src="https://moods.imood.com/display/uname-raymon/trans-1/imood.gif"></a></div></div>
<div class="cbox-container"><iframe id="chatbox" src="https://www3.cbox.ws/box/?boxid=3553937&boxtag=RQGBuD"
width="100%" height="295" tabindex="0" allowtransparency="yes" frameborder="0">
</iframe></div>
<!-- end top box-->
</aside></div>
  <!-- footer-->
<footer id="footer">
<span class="footer-left reset-link" onclick="openAchievements()">view achievements</span>
<span class="footer-center">© 2026 - 4EVER FOXFAILURE</span>
<span class="footer-right">now playing - Seashell (Instrumental) , Devi Mccallion</span>
</footer>
  <!-- achievements-window-->
<div id="achievements-window" class="window-box" style="display:none; position:absolute; top:100px; left:100px; width:300px; height:350px;">
<div class="window-top" id="achievements-drag"><span>Achievements</span>
<div class="window-buttons"><span class="win-btn close-btn">✕</span></div></div>
<div class="box" style="max-height:300px; overflow:auto; color:#ff8fb3;" id="achievements-list"></div><div style="text-align:center; padding:5px;">
<span class="reset-link" onclick="resetAchievements()" style="color:#ff8fb3;">reset achievements</span>
</div></div></div>
  <!-- audio-->
<audio id="bg-music" autoplay loop muted><source src="https://files.catbox.moe/1o7ebw.mp3" type="audio/mpeg"></audio>
<script>window.addEventListener("load", () => {const music = document.getElementById("bg-music");
setTimeout(() => {music.muted = false;music.play().catch(()=>{});}, 1000);});</script>
  <!-- achievements-->
<script>window.addEventListener("load", function(){
document.querySelectorAll(".window-box .close-btn").forEach(btn => {btn.addEventListener("click", function(){
const windowBox = this.closest(".window-box");if(windowBox){windowBox.style.display = "none";
/* iMood achievement */
if(windowBox.querySelector(".imood-box")){
unlockAchievement("Mood killer","dont you care about me ?!?!","https://foxfailure.neocities.org/images/mad-nso.png");}}});});});
</script><div id="achievement-container"></div>
<!-- test mode -->
<script>const TEST_MODE = false;function applyWobble(el){const text = el.textContent.trim();el.innerHTML = "";for(let i=0;i<text.length;i++){
let span = document.createElement("span");span.style.position="relative";span.textContent=text[i];el.appendChild(span);}
let count=0;setInterval(()=>{el.childNodes.forEach((span,i)=>{span.style.top=Math.round(3*Math.sin(i+count))+"px";});count++;},100);}
/* achievements info */
function unlockAchievement(title, desc, icon){const achievementID = "ach_" + title;
if(!TEST_MODE){if(localStorage.getItem(achievementID)){return;}
localStorage.setItem(achievementID, JSON.stringify({title: title,desc: desc,icon: icon}));}
const popup = document.createElement("div");popup.className = "achievement-popup";popup.innerHTML = `
<button class="win-btn close-btn">✕</button><img src="${icon}">
<div><p class="wobble">${title}</p><p>${desc}</p></div>`;
  popup.querySelector(".close-btn").onclick = () => popup.remove();
  document.getElementById("achievement-container").appendChild(popup);
applyWobble(popup.querySelector(".wobble"));setTimeout(() => popup.classList.add("show"), 10);}
   // refresh
function resetAchievements(){localStorage.clear();openAchievements();}
/* achievements veiwer */
const ALL_ACHIEVEMENTS = [
  {id: "ach_Welcome!!",title: "Welcome!!",
    desc: "Visit foxfailure.neocities.org",
    icon: "https://foxfailure.neocities.org/images/internet-nso.png"},
  {id: "ach_Mood killer",title: "Mood killer",
    desc: "dont you care about me ?!?!",
    icon: "https://foxfailure.neocities.org/images/mad-nso.png"}
  // add more here//
];function openAchievements(){const win = document.getElementById("achievements-window");
const list = document.getElementById("achievements-list");win.style.display = "block";list.innerHTML = "";
  // completed header
  let completedHeader = document.createElement("div");completedHeader.innerHTML = `
<div style="display:flex; justify-content:space-between; align-items:center;">
<b style='color:#ff4f8b;'>✔ Completed</b><img src="https://wilardo.crd.co/assets/images/gallery14/3f1dbc76.gif?v=f32c5ae3" style="width:20px;height:20px;"></div>
<hr>`;  list.appendChild(completedHeader);
  // completed
  ALL_ACHIEVEMENTS.forEach(ach => {
if(localStorage.getItem(ach.id)){let item = document.createElement("div");item.style.marginBottom = "10px";item.innerHTML = `
        <img src="${ach.icon}" style="width:20px; vertical-align:middle;">
        <b>${ach.title}</b><br>
        <small>${ach.desc}</small>`;
item.style.borderBottom = "1px dashed #ff8fb3";item.style.paddingBottom = "5px";list.appendChild(item);}});
  // incompleted
let incompletedHeader = document.createElement("div");
incompletedHeader.style.marginTop = "10px";incompletedHeader.innerHTML = `
<div style="display:flex; justify-content:space-between; align-items:center;"><b style='color:#888;'>✖ incompleted</b>
<img src="https://watermelon.crd.co/assets/images/gallery03/f7e4afd6.gif?v=6332de85" style="width:20px;height:20px;filter:grayscale(100%);">
</div><hr>`;  list.appendChild(incompletedHeader);
  // incompleted achievements
ALL_ACHIEVEMENTS.forEach(ach => {
  if(!localStorage.getItem(ach.id)){let item = document.createElement("div");item.style.marginBottom = "10px";
    item.innerHTML = `<img src="${ach.icon}" style="width:20px; filter: grayscale(100%); vertical-align:middle;">
    <b style="color:#888;">???</b><br><small style="color:#888;">?</small>`;item.style.borderBottom = "1px dashed #555";
    item.style.paddingBottom = "5px";list.appendChild(item);}});}
document.querySelectorAll("#achievements-window .close-btn").forEach(btn => {
  btn.onclick = () => {btn.closest(".window-box").style.display = "none";};});
const achWin = document.getElementById("achievements-window");
const dragBar = document.getElementById("achievements-drag");let offsetX = 0, offsetY = 0, isDown = false;
dragBar.addEventListener("mousedown", (e) => {isDown = true;
  offsetX = e.clientX - achWin.offsetLeft;offsetY = e.clientY - achWin.offsetTop;});
document.addEventListener("mousemove", (e) => {if (!isDown) return;
  achWin.style.left = (e.clientX - offsetX) + "px";achWin.style.top = (e.clientY - offsetY) + "px";});
document.addEventListener("mouseup", () => {isDown = false;});</script>
<!-- visist achievment -->
<script>window.addEventListener("load", function(){unlockAchievement("Welcome!!","Visit foxfailure.neocities.org","https://foxfailure.neocities.org/images/internet-nso.png");});</script>
<!-- bounce -->
<script>window.addEventListener("load",()=>{document.querySelectorAll('.page-decor').forEach(el=>{el.addEventListener('click',()=>{el.classList.remove('bounce');void el.offsetWidth;el.classList.add('bounce');});});});</script>
</body>