<!--                                                                                       
                  @@@@@@@                                         @@@@@@@@                 
               @@@@+  -@@@@                @@ @@                @@@@-  +@@@@               
              @@@        @@@      @@@@@@@@@@@@@@@@@@@@@@@      @@@        @@@              
             @@@:         @@@@@@@@@@@@@*           *@@@@@@@@@@@@@          @@@             
             @@@          @@@@@#:                         :#@@@@@          @@@             
             @@@         #@%                                   *@%         @@@             
              @@%                                                         %@@              
               @@@=                                                     -@@@               
             @@@@@:                                                     :@@@@@             
           @@@@+                                                           =@@@@@          
         @@@@-                                           ##                  :@@@@         
       @@@@=               @@@#%                          =@@@#                -@@@@       
      @@@@               @@=                                  @@                 @@@@      
     @@@@                :                                                        %@@@     
     @@@                                                                           @@@@    
    @@@                                                                             @@@    
   @@@=                                                                             -@@@   
   @@@                                                                               @@@   
  @@@+                      -#@@*                        :##%*                       =@@@  
  @@@                     @@@# :#@@-                   @@@%.-@@@                      @@@  
 @@@@                    @@@*     #@.                 @@@*     @@                     %@@  
 @@@*                 @@ @@@@    =@@@                 @@@+    *@@@ @                  +@@@ 
 @@@+                 %@ @@@@@@@@%@@*                 @@@@@@@@@@@% @                  +@@@ 
 @@@+                  =  *@@=  +@@*                   @@@:   @@@  =                  +@@@ 
 @@@#                        =*##.                       +@@@%+                       #@@@ 
  @@@             @@   %   #                                     *                    @@@  
  @@@:           @@   @@  +@                 @%                 @@  +@  #@           :@@@  
   @@@          .@   %@   @=            *@@@@@@+ #@.           @@   @@  @#           @@@   
   @@@*                                                             .   .           +@@@   
    @@@=                                     #%                                    :@@@    
     @@@+                                                                         +@@@     
      @@@@                                                                       @@@@      
       @@@@%                                                                   %@@@@       
         @@@@#                                                               *@@@@@        
          @@@@@@                       %@@@@%  #@@@@@                      @@@@@@          
            @@@@@@%                  #@@# :@@@@@@= *@@#                 %@@@@@@            
               @@@@@@@@:            +@@     @@@@     @@*           .@@@@@@@@               
                   @@@@@@@@@@%      @@      -@@=      @@     #@@@@@@@@@@                   
                      @@@@@@@@@@@@@@@@-     %@@%      @@@@@@@@@@@@@@@                      
                              @@@@@@@@@@   %@@@@%   %@@@@@@@@                              
                                      @@@@@@@@@@@@@@@@                                     
                                        @@@      @@@                                       
                                                                                           
                                                                                           

yiu scard me:( 
-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="꒰ᐢ. .ᐢ꒱₊˚⊹">
        <title>SOMETHING SMALL AND CUTE</title>
        <link rel="icon" type="image/gif" href="https://i.postimg.cc/DJB3XYx7/sticker-2.png">
        <link rel="stylesheet" href="stylesheet.css">
    </head>

    <style>
        @font-face {
            font-family: vividly;
            src: url("https://dl.dropboxusercontent.com/s/r60qarua1ojgbk78c24vu/Vividly-Regular.otf?rlkey=4vvv01tjjdq21xvrb8a2dupqc&st=9pzv17qa");
        }
        @font-face {
            font-family: wrinkle;
            src: url("https://dl.dropboxusercontent.com/s/mj5zyqxybus2wvvetmk88/Winkle-Regular.otf?rlkey=8elsstr1pbc2vkonkgyyx6ka0&st=13t2j2vt");
        }
        @font-face {
            font-family: porkys;
            src: url("https://dl.dropboxusercontent.com/s/jfc2lojclugvwcnj43pof/PORKYS_.TTF?rlkey=4eitfu2gtsv4b5an042s2n1bt&st=qus3cvp0");
        }
    </style>

    <body>
        <div class="container">
            <div class="sidebar">
                <div id="mood">
                    <img id="sticker" src="https://files.catbox.moe/x25zuw.png">
                    <h1 id="section">status</h1>
                    <a id="imood" href="https://www.imood.com/users/kwas">
                        <img src="https://moods.imood.com/display/uname-kwas/trans-1/imood.gif" alt="The current mood of kwas at www.imood.com" style="width: 90%; border-radius: 2.5px;">
                    </a>
                    <img src="https://files.catbox.moe/tcrmqg.jpg">
                    <div id="statuscafe">
                        <div id="statuscafe-username"></div>
                        <div id="statuscafe-content"></div>
                        </div>
                        <script src="https://status.cafe/current-status.js?name=kwas" defer></script>
                </div>
                <div id="directory">
                    <h1 id="section">pages</h1>
                    <img id="sticker" src="https://files.catbox.moe/s15luz.png">
                    <img src="https://files.catbox.moe/5qyfor.gif"><a class="dira" href="index.html">&nbsp;home&nbsp;</a>
                    <hr>
                    <img src="https://files.catbox.moe/uh5029.gif"><a class="dira" href="placeholder">&nbsp;about&nbsp;</a>
                    <hr>
                    <img src="https://files.catbox.moe/7l8gst.gif"><a class="dira" href="placeholder">&nbsp;blogging&nbsp;</a>
                    <hr>
                    <img src="https://files.catbox.moe/zp45wi.gif"><a class="dira" href="placeholder">&nbsp;ocs&nbsp;</a>
                    <hr>
                </div>
            </div>
            <iframe class="main" src="home.html" title="home page"></iframe>
        </div>
        <footer>
            kwas ♡ 2024
        </footer>
    </body>

</html>