<!--                  WELCOME TO MY SOURCE CODE!
  ⡜⠑⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠸⠀⠀⢡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⡇⠀⠀⢸⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢰⠀⠀⠀⠀⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⠀⠀⠀⣠⢇⡀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡀⠤⠤⠤⠤⠤⠤⠤⠄⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡆⠀⠀⡰⠁⠀⠱⠀⠀⠀⠀⡠⠔⢊⡉⠤⠄⠒⠒⠠⠤⢀⡀⠀⣀⠤⠤⠉⠱⠶⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠠⠤⠤⠤⢄⠀⠀⠀⠀⠀
⡇⠀⢀⠇⠀⠀⠀⠇⢀⡴⠊⢀⠔⠁⠀⠀⠀⠀⠀⠀⠀⠀⠈⡩⠤⣀⠀⠀⠀⠀⠀⠉⠳⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⠔⠊⠉⠀⠀⠀⠀⠀⢸⠀⠀⠀⠀⠀
⡇⠀⢸⠀⠀⠀⠀⢸⠋⠀⢠⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠊⠀⠀⠀⠑⣄⠀⠀⠀⠀⠀⠈⠫⡦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠔⠉⠀⠀⠀⠀⠀⠀⠀⠀⢀⠇⠀⠀⠀⠀⠀
⡇⠀⠈⠀⠀⠀⠀⠸⠀⠀⡇⠀⠀⠀⠠⣤⣤⣀⡀⠀⠀⡆⠀⠀⠀⠀⡀⠈⣆⠀⢀⣴⣦⡀⠀⠘⣕⢄⠀⠀⠀⠀⠀⠀⠀⡠⠊⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠎⠀⠀⠀⠀⠀⠀
⡇⠀⠀⠀⠀⠀⠀⠀⠂⢰⠀⠀⠀⠀⠀⣿⣿⠿⣿⣇⠀⡇⠀⠀⠀⣀⣧⣄⠘⡔⣿⡟⢿⣷⡀⠀⠈⢎⢆⠀⠀⠀⠀⡠⠊⠀⠀⣀⣀⣀⠀⠀⠀⠀⠀⠀⢀⠎⠀⠀⠀⠀⠀⠀⠀
⢣⠀⠀⠀⠀⠀⠀⡸⢤⡈⡄⠀⠀⠀⠀⢿⣿⣄⣹⣿⠀⢣⠀⢨⣾⣻⢯⡿⣧⡇⢿⣷⣼⣿⡇⠀⠀⠸⡈⠆⠀⢀⠞⣀⠴⠊⢉⠠⠀⢄⠇⠀⠀⠀⠀⣰⠡⠤⠤⠤⠤⠤⣀⠀⠀
⢸⠀⠀⠀⠀⢀⠎⠀⠀⢣⢣⠀⠀⠀⠀⠈⢿⣿⣿⡿⠀⠈⣆⣿⡵⠯⠷⣟⣿⡇⠈⠻⣿⡿⠃⠀⠀⠀⡇⠸⣠⡷⠊⠀⠄⠂⠄⠂⣁⡞⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⡅⠀
⠈⡆⠀⠀⠀⠸⠀⠀⠀⠈⡎⢣⠀⠀⠀⠀⠀⠉⠉⠁⠀⠀⠘⢟⣢⢤⠤⡴⢋⠇⠀⠀⠀⠀⠀⠀⠀⢰⠁⠀⢫⠀⠄⠡⢈⠐⡈⣰⠊⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡰⠁⠀
⠀⢳⠀⠀⠀⠁⠀⠀⠀⠀⡇⠀⠑⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠚⠒⠓⠋⠀⠀⠀⠀⠀⠀⠀⡠⠃⠀⠀⢸⠀⠌⡐⢀⡢⠔⢓⠉⡉⢉⠉⡉⠉⡦⠀⠀⠀⠀⠀⢀⠜⠀⠀⠀
⠀⠈⡆⠀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠑⠤⡀⠀⠀⠀⠀⠀⠀⠀⢀⡤⠊⠉⠂⠤⣀⣀⣀⡠⠔⠊⠀⠀⠀⠀⠀⡇⠐⡈⠠⠀⠌⡀⢂⠐⡀⠂⠄⡱⠃⠀⠀⠀⠀⡠⠋⠀⠀⠀⠀
⠀⠀⠸⡀⠀⠀⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠈⠉⠒⠒⠒⠒⣒⣈⣁⣀⣀⠀⠀⠀⠀⣀⠤⠤⠤⣀⠀⠀⠀⠀⠀⡇⠂⠄⠡⢈⠐⡀⢂⠐⢠⡡⠊⠀⠀⠀⢀⣤⣊⣀⡀⠀⠀⠀⠀
⠀⠀⠀⢗⠀⠀⠀⠀⠀⢰⠁⠀⠀⠀⠀⠀⠀⠀⠀⣠⠖⠉⡁⠠⠀⠄⡈⠱⢦⢠⠎⢀⠠⠀⠄⠠⢉⠢⡀⠀⠀⡇⠈⠄⡁⢂⢐⣠⠦⠚⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠑⠢⡄
⠀⠀⠀⠘⡄⠀⠀⠀⢀⠆⠀⠀⠀⠀⠀⠀⠀⢀⠞⠁⡀⢂⠄⠡⢈⠐⠠⠦⢱⢏⡢⠤⠆⠡⢈⠂⠄⢂⢸⠄⢀⠃⡁⠒⢀⠂⠄⠉⡉⢉⠒⠢⢄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡜
⠀⠀⠀⠀⠹⡀⠀⠀⠂⠁⡀⠀⠀⠀⠀⠀⠀⠈⢣⡐⢀⠂⠄⡁⠂⠌⡐⠠⢘⣦⠱⡀⠌⡐⠠⠈⠄⣢⢻⠀⢸⠥⡐⠈⠄⡈⠄⠡⠐⠠⢈⢐⡠⠃⠀⠀⠀⠀⠀⠀⠀⣀⠔⠉⠀
⠀⠀⠀⠀⠀⠙⡄⠀⠀⠀⠈⠢⠀⠀⠀⠀⠀⠀⠀⡏⠲⢬⣀⣄⣁⣂⣐⠴⠋⠀⠉⠓⠤⠤⠥⠖⠊⠁⠈⣆⠗⣚⡼⠶⠤⠴⠬⠤⠕⠒⠊⠉⠀⠀⠀⠀⢀⣀⠤⠒⠉⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠈⢆⠀⠀⠀⠀⢟⠪⣀⠀⠠⢀⡰⠁⠀⠀⢠⠊⡐⢈⢳⠖⠒⠲⡄⠀⠀⠀⠀⠀⠀⠀⠠⢱⠀⠀⢈⣙⡁⠒⠒⠒⠒⠒⠒⠒⠒⠒⠈⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠑⢄⠀⠀⢸⠀⠀⠉⠉⠁⠀⠀⠀⢀⠗⣢⠰⡠⢸⢏⣆⡡⣵⠀⠀⠀⠀⠀⠀⠀⡀⠀⢇⢔⡅⠤⠘⢲⠒⢄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠑⠤⢜⠀⠀⠀⠀⠀⠀⠀⠀⢸⡘⠤⢃⡹⢩⠎⠐⠑⠊⠀⠀⠀⠀⠀⠀⠀⠀⡠⠳⣈⠴⢩⣦⣡⣏⡐⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢳⡦⣀⠀⠀⠀⠀⠀⢸⠌⡥⢃⡔⡏⠀⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⢍⡑⢢⢼⠎⠁⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠑⢥⢋⢖⡢⢤⢄⣈⡞⡄⢣⠼⡤⣎⣀⠤⡴⠒⠤⠤⢀⣀⣀⣀⡇⢎⠰⡳⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⢔⡘⢆⠎⡴⢹⣜⠤⢓⡸⢫⠔⢣⠜⡇⠀⠀⠀⠀⠀⠸⡘⡌⢣⠣⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠦⣙⠤⡃⢎⡝⢫⡑⣃⠎⡥⢊⡇⠀⠀⠀⠀⠀⠀⠳⢬⣡⡺⠔⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠑⠫⢆⡨⢁⠰⢑⢪⠔⠉⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠑⠒⠥⢄⣂⣁⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

There's a very good chance that this is the crappiest code you've ever seen, so
reach out and let me know if you have any advice or feedback at all. Thanks a bunch
and happy inspecting ༼ つ ◕_◕ ༽つ-->

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jubilife Vibes!</title>
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <link rel="icon" type="image/x-icon" href="/images/favicon.png">
      <script type="text/javascript">
      // <![CDATA[
      var speed=33; // lower number for faster
      var flakes=100; // number of flakes
      var colour="#ffffff"; // colour of flakes
      var slush=0; // set to '0' for no slush or otherwise set to height at which slush melts
      var over_or_under="under"; // set to "over" for snow to always be on top, or "under" to allow it to float behind other objects
      
      /***************************\
      *     Let It Snow Effect    *
      *(c)2004-13 mf2fm web-design*
      *  http://www.mf2fm.com/rv  *
      * DON'T EDIT BELOW THIS BOX *
      \***************************/
      var flks=new Array();
      var flkx=new Array();
      var flky=new Array();
      var fldy=new Array();
      var slss=new Array();
      var slsh=new Array();
      var swide, shigh, boddie;
      
      function addLoadEvent(funky) {
        var oldonload=window.onload;
        if (typeof(oldonload)!='function') window.onload=funky;
        else window.onload=function() {
          if (oldonload) oldonload();
          funky();
        }
      }
      
      addLoadEvent(baby_its_cold_outside);
      
      function baby_its_cold_outside() { if (document.getElementById) {
        var i;
        boddie=document.createElement("div");
        i=boddie.style;
        i.position="fixed";
        i.top="0px";
        i.left="0px";
        i.overflow="visible";
        i.width="1px";
        i.height="1px";
        i.backgroundColor="transparent";
        document.body.appendChild(boddie);
        set_width();
        for (var i=0; i<flakes; i++) {
          flks[i]=createDiv(3, 3, colour);
          flkx[i]=3*Math.floor(Math.random()*swide/3);
          flky[i]=Math.floor(Math.random()*shigh);
          fldy[i]=2+Math.floor(Math.random()*4);
          flks[i].style.left=flkx[i]+"px";
          flks[i].style.top=flky[i]+"px";
        flks[i].style.zIndex=(over_or_under=="over")?"1001":"0";
          boddie.appendChild(flks[i]);
        }
        setInterval("let_it_snow()", speed);
      }}
      
      function createDiv(height, width, colour) {
        var div=document.createElement("div");
        div.style.position="absolute";
        div.style.height=height+"px";
        div.style.width=width+"px";
        div.style.overflow="hidden";
        div.style.backgroundColor=colour;
        return (div);
      }
      
      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-3;
        shigh=sh_min;
        if (slush) {
          if (swide/3>slss.length) for (i=slss.length; i<swide/3; i++) {
            if (!slsh[i]) slsh[i]=3;
            slss[i]=createDiv(slsh[i], 3, colour);
            boddie.appendChild(slss[i]);
          }
          for (i=0; i<swide/3; i++) {
            slss[i].style.height=slsh[i]+"px";
            slss[i].style.top=shigh-slsh[i]+"px";
            slss[i].style.left=3*i+"px";
          }
          if (i<slss.length && slss[i].style.left!="-3px") for (; i<slss.length; i++) slss[i].style.left="-3px";
        }
      }
      
      function let_it_snow(c) {
        var i, x, o=0, z=0;
        for (i=0; i<flakes; i++) {
          flky[i]+=fldy[i];
        x=Math.floor(flkx[i]/3);
          if (slush) {
            o+=slsh[x];
            if (flky[i]>=shigh-slsh[x]) {
              if (x<swide && slsh[x]>slsh[x+1]+3) x++;
              else if (x>0 && slsh[x]>slsh[x-1]+3) x--;
              slss[x].style.top=shigh-(slsh[x]+=3)+"px";
              slss[x].style.height=slsh[x]+"px";
          flky[i]=shigh;
          }
          }
          if (flky[i]>=shigh || flkx[i]>swide) {
          flky[i]=0;
          fldy[i]=2+Math.floor(Math.random()*4);
          flkx[i]=3*Math.floor(Math.random()*swide/3);
          flks[i].style.left=flkx[i]+"px";
          z++;
        }
        flks[i].style.top=flky[i]+"px";
        }
        if (o>flakes*slush) for (i=0; i<slsh.length; i++) if (slsh[i]>3) slsh[i]--;
        if (z || o>flakes*slush) set_width();
      }
      // ]]>
      </script> <!--snow-->
  </head>
<body>
  <div id="title">
    <img src="/images/logo.png">
  </div>
  <div id="navbar" class="box">
    <a style="text-decoration:none" href="/index.html" title="home page!">
      <img src="/images/navbar/pokedex.png" height="50px">
    </a>
    <a style="text-decoration:none" href="/about/index.html" title="about me!">
      <img src="/images/navbar/name.png" height="50px">
    </a>
    <a style="text-decoration:none" href="/blog/index.html" title="blog!">
      <img src="/images/navbar/quote.png" height="50px">
    </a>
    <a style="text-decoration:none" href="/shrines/index.html" title="shrines!">
      <img src="/images/navbar/pokeball.png" height="50px">
    </a>
    <a style="text-decoration:none" href="/contact/index.html" title="contact me!">
      <img src="/images/navbar/ds.png" height="50px">
    </a>
    <a style="text-decoration:none" href="/links/index.html" title="links and rescources!">
      <img src="/images/navbar/backpack.png" height="50px">
    </a>
    <a style="text-decoration:none" href="https://neocities.org/site/jubilifevibes" title="my neocities profile!">
      <img src="/images/navbar/exit.png" height="50px">
    </a>
  </div>
  <div id="main-container">  
    <div class="box" id="base-content">
      <h2>AWESOME WEBSITES!</h2>
      <div class="buttonboard">
        <a style="text-decoration:none" href="https://seashrine.neocities.org/"><img src="https://seashrine.neocities.org/gifs/seashrinesitebutton.gif" class="center"></a>
        <a style="text-decoration:none" href="https://doqmeat.com/"><img src="/buttons!/doqmeat-2.png" class="center"></a>
        <a style="text-decoration:none" href="https://jeith.com/"><img src="https://neocities.jeith.com/jeith.gif" class="center" alt="jeith"></a>
        <a style="text-decoration:none" href="https://seafare.neocities.org/"><img src="/buttons!/WAFA65o.png" class="center"></a>
        <a style="text-decoration:none" href="https://velvetblue.neocities.org"><img src="https://files.catbox.moe/vltthb.png" class="center" alt="Velvet Blue"></a>
        <a style="text-decoration:none" href="https://dannkestreet.neocities.org/"><img src="https://files.catbox.moe/vbnauh.gif" class="center"></a>
        <a style="text-decoration:none" href="https://goblin-heart.net/"><img src="https://goblin-heart.net/assets/images/gg-button.gif" class="center"></a>
        <a style="text-decoration:none" href="https://nuclearblues.neocities.org/"><img src="https://nuclearblues.neocities.org/imgs/nukebutton.gif" class="center"></a>
        <a style="text-decoration:none" href="https://sylphofeons.neocities.org/"><img src="https://sylphofeons.neocities.org/images/buttons/animated_button.gif" class="center"></a>
        <a style="text-decoration:none" href="https://taterinx.neocities.org"><img src="https://files.catbox.moe/i2uebz.png" class="center"></a>
        <a style="text-decoration:none" href="https://wriorango.neocities.org/"><img src="https://wriorango.neocities.org/button.png" class="center"></a>
        <a style="text-decoration:none" href="https://transrats.neocities.org/"><img src="https://transrats.neocities.org/buttons/transrats.gif" class="center"></a>
        <a style="text-decoration:none" href="https://shinyexe.neocities.org/"><img src="https://shinyexe.neocities.org/sprites/mybutton.gif" class="center"></a>
        <a style="text-decoration:none" href="https://torao.neocities.org"><img src="https://torao.neocities.org/torao.png" class="center"></a>
        <a style="text-decoration:none" href="https://darkendstars.neocities.org"><img src="https://i.ibb.co/17djkby/Untitled-Artwork-20.gif" class="center"></a>
        <a style="text-decoration:none" href="https://daniele63.com/"><img src="/buttons!/danieles_button.png" class="center"></a>


        <br>
        <br>
        <a style="text-decoration: none" href="https://jemmaofftheweb.neocities.org/"><img src="https://jemmaofftheweb.neocities.org/red/images/jemmaontheweb2.gif" class="centerblinkie"></a>

      </div> 
    </div>
    
    <div class="box" id="left-content">
      <audio class="player" style="width: 180px;" controls loop>
        <source src="https://files.catbox.moe/et5i5i.mp3" type="audio/mpeg">
      </audio>
      <h2>HELPFUL RESCOURCES!</h2>
      <div class="rescources">
        <p>
          <a style="color: #4E4D52;" href="https://www.w3schools.com/html/default.asp">• W3schools: html and css reference</a>
          <br>
          <a style="color: #4E4D52;" href="https://www.pixilart.com/">• Pixilart: pixel art creator/editor</a>
          <br>
          <a style="color: #4E4D52;" href="https://lospec.com/pixel-art-scaler/">• Lospec: pixel art upscaler</a>
          <br>
          <a style="color: #4E4D52;" href="https://catbox.moe/">• Catbox: free file storage</a>
          <br>
          <a style="color: #4E4D52;" href="https://status.cafe/">• Status.cafe:rss status updater</a>
          <br>
          <a style="color: #4E4D52;" href="https://surfing-waves.com/feed.htm">• Surfing Waves: customizable fetch and form workaround</a>
          <br>
          <a style="color: #4E4D52;" href="http://www.mf2fm.com/rv/">• mf2mf: Javascript/DHTML effects</a>
          <br>
          <a style="color: #4E4D52;" href="https://ezgif.com/">• EZgif: gif maker/editor</a>
          <br>
        </p>

      </div>
    </div>
    <div class="box" id="right-content">
      <a style="color:#4E4D52;" href="https://neocities.org/site/jubilifevibes"><img src="/images/rowlet-sleepy.gif" width="195px" class="rowlet" title="neocities profile ᓚᘏᗢ"></a>
      <div class="chatbox">
        <iframe src="https://www3.cbox.ws/box/?boxid=3540367&boxtag=0soTaY" width="100%" height="300" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>	
      </div>
      <div class="status">
<!-- start sw-rss-feed code --> 
<script type="text/javascript"> 
  <!-- 
  rssfeed_url = new Array(); 
  rssfeed_url[0]="https://status.cafe/users/ale.atom";  
  rssfeed_frame_width="195"; 
  rssfeed_frame_height="110"; 
  rssfeed_scroll="off"; 
  rssfeed_scroll_step="6"; 
  rssfeed_scroll_bar="off"; 
  rssfeed_target="_blank"; 
  rssfeed_font_size="12"; 
  rssfeed_font_face=""; 
  rssfeed_border="on"; 
  rssfeed_css_url="https://jubilifevibes.neocities.org/surf.css"; 
  rssfeed_title="off"; 
  rssfeed_title_name=""; 
  rssfeed_title_bgcolor="#3366ff"; 
  rssfeed_title_color="#fff"; 
  rssfeed_title_bgimage=""; 
  rssfeed_footer="off"; 
  rssfeed_footer_name="rss feed"; 
  rssfeed_footer_bgcolor="#fff"; 
  rssfeed_footer_color="#333"; 
  rssfeed_footer_bgimage=""; 
  rssfeed_item_title_length="5"; 
  rssfeed_item_title_color="#666"; 
  rssfeed_item_bgcolor="#fff"; 
  rssfeed_item_bgimage=""; 
  rssfeed_item_border_bottom="on"; 
  rssfeed_item_source_icon="off"; 
  rssfeed_item_date="on"; 
  rssfeed_item_description="on"; 
  rssfeed_item_description_length="120"; 
  rssfeed_item_description_color="#666"; 
  rssfeed_item_description_link_color="#333"; 
  rssfeed_item_description_tag="off"; 
  rssfeed_no_items="0"; 
  rssfeed_cache = "2b0574c4c009ab3f74743286163bd5ff"; 
  //--> 
  </script> 
  <script type="text/javascript" src="//feed.surfing-waves.com/js/rss-feed.js"></script> 
  <!-- The link below helps keep this service FREE, and helps other people find the SW widget. Please be cool and keep it! Thanks. --> 
  <div style="color: #4E4D52;font-size:10px; text-align:center; width:195px;">powered by <a href="https://surfing-waves.com" rel="noopener" target="_blank" style="color: #4E4D52;">Surfing Waves</a></div> 
  <!-- end sw-rss-feed code -->
      </div>
      <div class="jubilifebutton">
        <h3>LINK BACK TO ME!</h3>
        <img src="https://i.imgur.com/JBC13fj.png">
        <textarea rows="4">
          <a href="https://jubilifevibes.neocities.org/"><img src="https://i.imgur.com/JBC13fj.png"></a>
        </textarea>
      </div>
    </div>
  </div>
</body>
</html>