    <!DOCTYPE HTML>
    <head>
    
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>
<link rel="shortcut icon" href="it's juliruby.png">
    <title>juli♡ruby</title>
    
<script type="text/javascript">
// <![CDATA[
var speed=120; // speed colours change, 1 second = 1000
var glow=3; // can be set from '0' for no glow, to 10
var raincol=new Array("#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "white", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe", "#ffebfe"); // change the colours if you want to
var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
 
/****************************
*    Rainbow Text Effect    *
*(c)2003-13 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
var rainbow, raintxt, raincnt=0;
 
function addLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}
 
addLoadEvent(regenbogen);
 
function regenbogen() { if (document.getElementById) {
  var i, rainbeau;
  rainbow=document.getElementById("rainbow");
  raintxt=rainbow.firstChild.nodeValue;
  while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  for (i=0; i<raintxt.length; i++) {
    rainbeau=document.createElement("span");
    rainbeau.setAttribute("id", "rain"+i);
    rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
    if (alink) {
      rainbeau.style.cursor="pointer";
      rainbeau.onclick=function() { top.location.href=alink; }
    }
    rainbow.appendChild(rainbeau);
  }
  rainbow=setInterval ("raining()", speed);
}}
 
function raining() {
  var i, c;
  for (i=0; i<raintxt.length; i++) {
    c=raincol[(i+raincnt)%raincol.length];
    document.getElementById("rain"+i).style.color=c;
	if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  }
  raincnt++;
}
// ]]>
</script>    
    
    <style type="text/css">
    
     /************************************************

                        DOCUMENT BODY

    ************************************************/ 

    body{
        font-family:arial;
        background-image:url('rainbow-pixel.gif');
        cursor:url("bunny-cursor.gif"), default;
        
        font-size:18px;}

     /* . . . . . . . . . . . . . . . . */ 
     
    ::selection{ 
        color:#7944d4; 
        background-color:#cbb4f2;}       
    
    /* . . . . . . . . . . . . . . . . */ 
    
     @font-face {
        font-family: 'Holehearted';
        src:url(https://dl.dropbox.com/s/t763zpaorp77l1h/hole-hearted.regular.ttf);}   
        
    @font-face {
        font-family: 'Valentine';
        src:url(https://dl.dropbox.com/s/zr0062hvf6g1ifi/valentine-style.regular.ttf);}        
        
    @font-face {
        font-family: 'Unicorn';
        src:url(https://dl.dropbox.com/s/stne141j05ssst7/unicorns.ttf);}        
 
     /* . . . . . . . . . . . . . . . . */
     
     a{
         color:pink;
        text-decoration:underline wavy pink;}
         
     /* . . . . . . . . . . . . . . . . */
     
     a:hover{
        color:#70d0d1;
        text-decoration: underline wavy #70d0d1;}
        
     /* . . . . . . . . . . . . . . . . */        
     
     ::-webkit-scrollbar {
        width: 15px;
        height: 10px;}

    /* . . . . . . . . . . . . . . . . */ 
    
    ::-webkit-scrollbar-thumb:vertical{
        background:#ffafe7;}

    /* . . . . . . . . . . . . . . . . */ 
    
    ::-webkit-scrollbar-track {
        background-color:#ffebfe;}

    /* . . . . . . . . . . . . . . . . */ 
    
    
    ::-webkit-scrollbar-button:vertical:increment {
        background-image: url('https://shenanigans.neocities.org/files/increment.png');
        width: 14px;
        height: 16px;
        background-color:#ffafe7;}

    /* . . . . . . . . . . . . . . . . */ 
    
    ::-webkit-scrollbar-button:vertical:decrement {
        background-image:url('https://shenanigans.neocities.org/files/decrement.png');
        background-color:#ffafe7;
        width: 14px;
        height: 16px;}   
        
    
    /****************************************
    
                    CONTAINER
    
    ****************************************/   

    #container{
        position:absolute;
        top:90px;
        height:100%;
        left:51%;
        width:935px;
        transform: translateX(-50%);}
        
    #stuff-contain{
        position:fixed;
        padding:15px;
        margin-top:115px;
        margin-left:-15px;      
        border-bottom-left-radius:15px;    
        border-bottom-right-radius:15px;           
        background-color:white;
        height:705px;        
        width:935px;}     
    
    
    /****************************************
    
                      HEADER
    
    ****************************************/
          
    #rainbow{
        margin-top:-55px;
        -webkit-animation: lev 5s ease-in-out;
        -webkit-animation-iteration-count: infinite;}
        
        /* . . . . . . . . . . . . . . . . */                     
        
    @-webkit-keyframes lev{
        0%  { margin-top:-55px; }
        50% { margin-top:-40px; }
        100% { margin-top:-55px; }}     
        
        
    /* . . . . . . . . . . . . . . . . */ 

    #links{
        position:fixed;
        width:935px;
        background:pink;
        margin-left:-15px;      
        margin-top:50px;
        border-top-left-radius:15px;    
        border-top-right-radius:15px;    
        height:auto;
        padding-top:25px;
        padding-left:15px;
        padding-bottom:20px;
        padding-right:15px;}     

     /* . . . . . . . . . . . . . . . . */
        
    #links a{
        color:white;
        font-weight:bold;
        text-decoration:none;}    
        
    /****************************************
    
                      CONTENT
    
    ****************************************/        
        
     #info{
        position:fixed;  
        margin-top:35px;
        margin-left:280px; 
        border-style:solid;
        border-width:15px;    
        border-image: url("https://shenanigans.neocities.org/files/lace1.png") 55 round;    
        border-radius:7px;}   
        
      /* . . . . . . . . . . . . . . . . */
      
    #info-text-inner{    
        padding:5px;        
        height:170px;
        overflow-y:auto;}          
        
    /* . . . . . . . . . . . . . . . . */
        
     #icon{
        position:fixed;  
        margin-left:705px;
        z-index:10;
        height:205px;
        border-width:15px;
        border-style:solid;
        border-image: url("https://shenanigans.neocities.org/files/lace2.gif") 55 fill round;           
        margin-top:15px;}
        
    /* . . . . . . . . . . . . . . . . */
        
    .name{
        margin-top:-45px;
        -webkit-animation: rise 5s ease-in-out;
        -webkit-animation-iteration-count: infinite;}
        
    /* . . . . . . . . . . . . . . . . */                     
        
    @-webkit-keyframes rise{
        0%  { margin-top:-45px; }
        50% { margin-top:-20px; }
        100% { margin-top:-45px; }}          
        
    /* . . . . . . . . . . . . . . . . */
    
    #news-contain{
        position:fixed;
        margin-left:280px; 
        margin-top:345px;}  

    /* . . . . . . . . . . . . . . . . */
      
    #newsletter{
        border-radius:7px;
        float:left;
        overflow-x:hidden;}    
    
    /* . . . . . . . . . . . . . . . . */

    #news-text-inner{    
        padding:5px;        
        height:230px;
        overflow-y:auto;}    
        
    /* . . . . . . . . . . . . . . . . */
        
    #calendar{
        height:212px;
        width:190px;
        border:5px ridge #fbe;}   
        
    /* . . . . . . . . . . . . . . . . */
        
    #calendar-bo{
        width:200px;
        height:225px;}           
        
     /* . . . . . . . . . . . . . . . . */           

    #explore{
        width:170px;
        margin-left:0px;
        margin-top:35px;
        background:white;
        border-radius:7px;
        float:left;
        position:fixed;
        overflow-x:hidden;}     
        
        
    /****************************************
    
                      FOOTER
    
    ****************************************/  
        
    #footing{
        margin-top:730px;
        width:955px;
        margin-left:-10px;
        text-align:center;
        height:150px;}    
        
    
    {CustomCss}
    </style>
    </head>
    <body>   
        <div id="container">
            <img src="heartwithwings.png" style="position:fixed;width:500px;margin-top:-95px;margin-left:-35px;">
             <!-- - - - - - - - - - - - - - - - - -->   
            <text id="#top"><span id="rainbow" style="font-size:75px;font-family:holehearted;width:250px;position:fixed;color:#ffebfe;-webkit-text-stroke: 1.5px #ffafe7;filter: blur(1px);-webkit-filter: blur(1px);">juli♡ruby</span></text>
             <!-- - - - - - - - - - - - - - - - - -->           
            <div id="links">  
                <div class="buttons" style="text-align:center;">
                    <a style="padding:10px;border-radius:10px;background:linear-gradient(to bottom, white 15%, #ffd4f2);margin:5px 6px 5px 6px;text-shadow: -2px 0  #ffafe7, 0 2px  #ffafe7, 2px 0  #ffafe7, 0 -2px  #ffafe7;border:2px dashed #ff88eb" href="https://juli-ruby.neocities.org">info</a>       
                    <a style="padding:10px;border-radius:10px;background:linear-gradient(to bottom, white 15%, #dcd4ff);text-shadow: -2px 0  #b8afff, 0 2px  #b8afff, 2px 0  #b8afff, 0 -2px  #b8afff;border:2px dashed #bf88ff;margin:6px 6px 6px 0;" href="https://scratch.mit.edu/users/JulianalovesMixels/">my scratch</a>
                
                    <a style="padding:10px;border-radius:10px;background:linear-gradient(to bottom, white 15%, #d4f7ff);text-shadow: -2px 0  #92d3ff, 0 2px  #92d3ff, 2px 0  #92d3ff, 0 -2px  #92d3ff;border:2px dashed #88cfff;margin:6px 6px 6px 0;" href="https://www.youtube.com/channel/UCYqV_PUhN4H0wSiEOmga2wQ">yt channel</a>
                
                    <a style="padding:10px;border-radius:10px;background:linear-gradient(to bottom, white 15%, #bcf5c8); text-shadow: -2px 0  #81efac, 0 2px  #81efac, 2px 0  #81efac, 0 -2px  #81efac;border:2px dashed #66fb77;margin:6px 6px 6px 0;" href="/">my object show</a>
                
                    <a style="padding:10px;border-radius:10px;background:linear-gradient(to bottom, white 15%, #fff7c9);text-shadow: -2px 0  #ffdf58, 0 2px  #ffdf58, 2px 0  #ffdf58, 0 -2px  #ffdf58;border:2px dashed #ffe55f;margin:6px 6px 6px 0;" href="https://julianalovesmixels.tumblr.com/">blog</a>

                    <a style="padding:10px;border-radius:10px;background:linear-gradient(to bottom, white 15%, #ffe8d6);text-shadow: -2px 0  #ffb193, 0 2px  #ffb193, 2px 0  #ffb193, 0 -2px  #ffb193;border:2px dashed #ffba6c;margin:6px 6px 6px 0;" href="https://www.deviantart.com/july-chanthekawaii/gallery">devart gallery</a>
                
                    <a style="padding:10px;border-radius:10px;background:linear-gradient(to bottom, white 15%, #ffd6d6);text-shadow: -2px 0  #ff9393, 0 2px  #ff9393, 2px 0  #ff9393, 0 -2px  #ff9393;border:2px dashed #ff6c6c" href="/">short mvs</a> 
                </div>
            </div>
            <!-- - - - - - - - - - - - - - - - - -->
            <div id="stuff-contain">
                <!-- - - - - - - - - - - - - - - - - -->
                <div id="info">
                    <table style="border:5px ridge white;width:425px;border-top-left-radius:15px;border-top-right-radius:15px;">
                        <tbody>
                            <tr>
                                <td colspan="4" align="center" valign="middle" style="background:linear-gradient(to bottom, white 15%, #ffe1ee); font-weight:bold;color:#5fa2ff;border-top-left-radius:15px;border-top-right-radius:15px;"><text style="color:#ffe1fe;-webkit-text-stroke: 1px #ffa1e3;font-family:holehearted;font-size:35px;">Information&#9829;</text>
                                </td>        
                            </tr>
                            <tr>
                                <td height="185px">
                                    <div id="info-text-inner">
                                        <center><script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=89501439"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=89501439"></noscript> 
                                        <br>hello, visitor ~ ☆ ! 
                                        <br>inspired by France La'Lune
                                        </center>
                                        <p>
                                        <table>
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <img src="cutelittlex.gif" style="float:left;padding-right:10px;width:120px;">
                                                    </td>
                                                    <td style="text-align:center;">  
                                                        welcome to my website ~ !! i'm so happy to have you here, my little visitor~ i'm a swedish 13-year-old animator and artist and i wonder if ur a little curious abt it, visit my deviantart profile ~! ☆ (i'm july-chanthekawaii on deviantart)
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <center>
                                            <br>this web design is inspired by shenanigans cuz i had no idea how make my website look good ><; anyways i'm a big fan of nostalgia, object shows etc. !! ♡
                                            <p>thx for reading bestie ~ !
                                        </center>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>            
                </div> 
                    <!-- - - - - - - - - - - - - - - - - -->
                <div id="icon">
                    <img src="juliruby.png" style="width:200px;display:block;border-radius:15px;">
                    <div class="name">
<text style="position:fixed;margin-left:15px;color:#ffe1fe;-webkit-text-stroke:1px #ffa1e3;font-family:unicorn;font-size:60px;">juli♡ruby&#9829;</text>
                    </div>                 
                </div> 
                <!-- - - - - - - - - - - - - - - - - -->
        <div id="news-contain" style="border-style:solid;border-width:15px;border-image: url('https://shenanigans.neocities.org/files/lace1.png') 55 round;">
            <table  style="border:5px ridge white;border-top-left-radius:15px;border-top-right-radius:15px;">
                <tbody>
                    <tr>
                        <td colspan="4" align="center" valign="middle" style="background:linear-gradient(to bottom, white 15%, #ffe1ee); font-weight:bold;color:#5fa2ff;border-top-left-radius:15px;border-top-right-radius:15px;border-radius:15px;"><text style="color:#ffe1fe;-webkit-text-stroke: 1px #ffa1e3;font-family:holehearted;font-size:35px;">newsletter&#9829;</text>           
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div id="newsletter">
                                <table style="width:405px;border-top-left-radius:15px;border-top-right-radius:15px;">
                                    <tbody>
                                        <tr>
                                            <td height="160px">
                                                <div id="news-text-inner"  style="border:5px ridge white;"> 

<center><b><img src="https://shenanigans.neocities.org/files/music.gif">3/18/24</b>
    <br><b>Highlights:</b> Revamped website, <br><text style="text-decoration: underline wavy pink;">new deco page & codes...</text>
    
<p>this web was created 18 march 2024, no newsletters yet. <p>Thanks!
        </center>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>     
                            </div>    
                        </td>
                        <td>
                         <div id="calendar-bo">
    <div id="MyClockDisplay" class="clock" onload="showTime()" style="font-size: 20px;letter-spacing: 4px;text-align:center;margin-top:-25px;background-color:#ffddf6;border-radius:2px;border-top:5px ridge #fbe;border-left:5px ridge #fbe;border-right:5px ridge #fbe;border-bottom:none;"></div>


<script type="text/javascript">function showTime(){
    var date = new Date();
    var h = date.getHours(); // 0 - 23
    var m = date.getMinutes(); // 0 - 59
    var s = date.getSeconds(); // 0 - 59
    var session = "AM";
    
    if(h == 0){
        h = 12;
    }
    
    if(h > 12){
        h = h - 12;
        session = "PM";
    }
    
    h = (h < 10) ? "0" + h : h;
    m = (m < 10) ? "0" + m : m;
    s = (s < 10) ? "0" + s : s;
    
    var time = h + ":" + m + ":" + s + " " + session;
    document.getElementById("MyClockDisplay").innerText = time;
    document.getElementById("MyClockDisplay").textContent = time;
    
    setTimeout(showTime, 1000);
    
}

showTime();</script>                                         
                            <div id="calendar">
                                    <center>
                                        <fieldset style="padding:0px;border:0;margin:0px;" ><iframe src="https://calendar.sakura.ne.jp/blog_cal.html" style="background-color:#fbe;padding:0px;border:0;margin:0px;overflow:hidden; width:190px;height:212px;overflow:hidden;" ></iframe></fieldset>
                                    </center>              
                                </div>  
                            </div> 
                        </td>
                    </tr>
                </tbody>
            </table>             
        </div>                
            <!-- - - - - - - - - - - - - - - - - --> 
        <div id="explore" style="border-style:solid;border-width:15px;border-image: url('https://shenanigans.neocities.org/files/lace1.png') 55 round;width:230px;height:630px;overflow-y:hidden;
">
            <table style="border:5px ridge white;border-top-left-radius:15px;border-top-right-radius:15px;">
                <tbody>
                    <tr>
                        <td colspan="4" align="center" valign="middle" style="background:linear-gradient(to bottom, white 15%, #ffe1ee); font-weight:bold;color:#5fa2ff;border-top-left-radius:15px;border-top-right-radius:15px;border-radius:15px;"><text style="color:#ffe1fe;-webkit-text-stroke: 1px #ffa1e3;font-family:holehearted;font-size:35px;">More&#9829;</text>           
                        </td>
                    </tr>
                    <tr>
                        <td>
                                <table style="border-top-left-radius:15px;border-top-right-radius:15px;">
                                    <tbody>
                                        <tr>
                                            <td style="border:5px ridge white;width:220px;padding:5px;">
                                            <div style="height:215px;overflow-y:auto">
                                                <table>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <img src="fireyandleafyfriends.gif" style="float:left;padding-right:5px;">
                                                            </td>
                                                            <td>
                                                                <text style="font-family:unicorn;font-size:34px;color:#ffa1e3;-webkit-text-stroke: 1px white;">To-do List</text>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table> 
                                                <center><text style="text-decoration:underline wavy pink;">updated 1/26/2023</text>
                                                <p>
                                                    idk what to do :/
                                                    
                                                </center>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height:50px;width:220px;border:5px ridge white;padding:5px;">                                            
                                            <marquee><img src="https://shenanigans.neocities.org/files/shen-pink.png"> <img src="https://shenanigans.neocities.org/files/shen-blue.png"> <img src="https://shenanigans.neocities.org/files/shen-purple.png"></marquee>
                                            <center>Link to Shenanigans! Contact to be affiliated.</center>
                                            </td>    
                                        </tr>
                                        <tr>
                                            <td style="height:200px;width:220px;border:5px ridge white;padding:5px;">                                                                         <script id="cid0020000320490564547" data-cfasync="false" async src="//st.chatango.com/js/gz/emb.js" style="width: 100%;height: 100%;">{"handle":"walnut2","arch":"js","styles":{"c":"000000","d":"000000","f":0,"i":0,"l":"FFFFFF","m":"FFFFFF","p":"10","t":0,"usricon":0,"surl":0,"allowpm":0,"fwtickm":1}}</script>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table> 
                            </tr>
                        </tbody>
                    </table>
                </div>            
            <!-- - - - - - - - - - - - - - - - - -->                
                    <text style="font-size:15px;">
                        <br>© juli♡ruby 2009-2024
                        <br>Website version 1.0
                        <br>juli♡ruby
                        <br><a href="/">Site map</a> | <a href="https://juli-ruby.neocities.org/fountain/credits.html">Credits</a> | <a href="/">Contact
                        <br>WEBSITE NOT FINISHED!!
                        <br>Credits to Shenanigans for the original website ♡</a>                   </text>             
            </div>            
            <!-- - - - - - - - - - - - - - - - - -->            
            </div>
            <!-- - - - - - - - - - - - - - - - - -->            
        </div>
    </body>
    </html>     