<!--                  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 class="header">WELCOME!</h2>
      <img src="/images/valleywindworks.gif" class="valleywindworks">
      <div class="bottom-base-content">
        <div class="bottom-base-collumn">
          <h2 class="changelog-header">HEYA!</h2>
          <div class="talkbox">
            Thank you for stopping by this <b><i>very</i></b> unfinished website! 
            I created Jubilife Vibes <a href="https://howlongagogo.com/date/2024/august/20?src=sb_cd">this long ago</a> 
            after I was inspired from quite the long yet totally scheduled rabbit hole of the indieweb 
            and the potential future of the internet. Unfortunately, I wasn't online around the time where freedom
            and endless customization to your heart's content were the norm, so I'm doing the next best thing, trying
            my best to relearn everything I forgot from my freshman year web design class in order to help preserve this beautiful
            way of life. I almost instantly fell in love with Neocities and everyone apart of it, and I just couldn't wait to join this
            awe-inspiring little corner of the internet. Hopefully I can consistently keep this website up for long enough and it won't
            just fade out of my memory. :P But yeah, thank you for reading this all the way to the end, and I hope to
            see you again soon, better than before! <div class="sign-off"><br> -ale <br>8/26/24<br>~ ~ ~ ~ ~ ~ ~ ~ ~ </div> 
          </div>
        </div>
        <div class="bottom-base-collumn">
          <h2 class="changelog-header">
            <a style="text-decoration:none" href="https://jubilifevibes.neocities.org/rss.xml" title="rss feed!">
              <img style="margin-bottom: 5px;" src="/images/rss-icon.png" height="15px">
            </a>
            CHANGELOG!
          </h2>
          <div class="changelog">
            <div class="sign-off">9/10/24</div>
            <p>
              - Updated about me page to include tv and animanga!
              <br>
              - Added more buttons to links page!
              <br>
              - Added contacts page!
            </p>
            -----------------
            <div class="sign-off">9/8/24</div>
            <p>
              - Updated links page! Now shows buttons for cool websites and helpful rescources!
              <br>
              - Added an RSS feed! (woohoo!)
              <br>
            </p>
            -----------------
            <div class="sign-off">9/4/24</div>
            <p>
              - reformatted home page
              <br>
              - added a guestbook!
              <br>
              - added WiiRing
              <br>
              - changed eepy rowlet to neocities profile link
              <br>
              - fixed status! (had to find a workaround since I created my account after 2024..)
              <br>
              - added player for jubilife city theme!
              <br>
              - added snow effect (because Platinum)
              <br>
              - "finished" about me page
              <br>
              - thank you for 1k views!
            </p>
            -----------------
            <div class="sign-off">8/30/24</div>
            <p>
              - added WAY more blinkies
              <br>
              - added no ai webring
              <br>
              - added null webring
            </p>
            -----------------
            <div class="sign-off">8/29/24</div>
            <p>
            - added blog, shrine, contact and links page
            <br>
            - reorganized source code file structure
            <br>
            - created website button for public use
            <br>
            - fixed status bar
            <br>
            - added this changelog!
            <br>
            - added webring block in about page; added ds ring
            <br>
            - updated header/logo for website
            <br>
            - added border to rowlet for continuity
            <br>
            - added more blinkies (important)
            </p>
          </div>
        </div>
      </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>TO-DO LIST</h2>
      <div class="todo">
        <p>- add buttons for super awesome websites</p>
        <p>- write your first blog</p>
        <p>- clean up about me page</p>
        <p>- make a pokemon shrine</p>
        <p>- see what I'm listening to</p>
        <p class="finised">- finish contacts page</p>        
        <p class="finished">- set up links and rescources page</p>
        <p class="finished">- finish about me page</p>        
        <p class="finished">- add a music player for the jubilife city theme</p>        
        <p class="finished">- get rid of the weird lines in between navbar links</p>
        <p class="finished">- make and link a guestbook</p>
        <p class="finished">- finish rough home page layout</p>
        <p class="finished">- add a site update log</p>
        <p class="finished">- replace placeholder header</p>
        <p class="finished">- add website introduction/blurb</p>
        <p class="finished">- create an about me page</p>
        <p class="finished">- make a small blog/updates panel or page</p>
        <p class="finished">- make a status bar</p>
        <p class="finished">- blinkies!</p>
        <p class="finished">- join a webring</p>
        <p class="finished">- make a chatlog</p>
      </div>
      <div class="guestbook">
        <h3>SIGN MY GUESTBOOK!</h3>
        <a href="https://jubilifevibes.atabook.org/"><img src="images/togedemaru.gif" class="togedemaru" height="90px" title="thanks for visiting :)"></a>
      </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>