<!--                                        #@@.      .(,(((.(/((/ .(((//(((((/# .((((((*((((, ((((((*((((/             
                                          @@@@@#      ,(((/,       ,((./   /((((,.((((,        ((((/                    
                                  %@@@@#@@@@@@@(      ,(/((,       /(#//   *((((..((((*        (((#/                    
                                  @@@@@@@@@@@@@@      ,((((((((*(  (((///,/*(((  .(((((///(*,  ((((((*///*              
                                @@@@@@@@@@@@@@@       ..((#((((((  ((/#((#*(/((  ./(/((((//(*  (#((((((//(              
                               (@@@@@@@@@@@           .#(((.       (.*/(   *(((*.,((*/.        (/*/*                    
                               @@@@@@@@@@@%           .((((.       .((/*   ,//((..(/*(,        (/,(/                    
                              *@@@@@@@@@@@            .((((,       ((///   /*(.(..((((((/((((/ (((/((/((/((             
                              @@@@@@@@@@@@            .((((        ((/(/   *((*.*,((*(((((((((./(((((((((((             
                             &@@@@@@@@@@@@                                                                              
                            *@@@@@@@@@@@@&                ,***,       .*****,    .,/*.*.,*,,.    ******                 
                           ,@@@@@@@@@@@@@&             ##########/    %#%###%    ####(#######   ,#*####/                
                          *@@@@@@@@@@@@@@@            ,%###   ####   .#((.###,         (####    ####(###                
                         @@@@@@@@@@@@@@@@.            ,####   ****   ###, ####        %###%     ### .###,               
                       #@@@@@@@@@@@@@@@@@             .###( ....,    ###( /###,      ####/     (##%  ####               
                     &@@@@@@@@@@@@@@@@@@@             *###/ ##(###  (###. .####     ####,      ####  ####.              
                    @@@@@@@@@@@@@@@@@@@%              //###   ####  #####(%###%    (##(.      /####%####%#              
                     @@@@@@@@@@@@@@@@@@@,             *###(   #/## .#####(###### /(*.%        ############              
                     ,@@@@@@@@@@@@@@@@@@               %########## #%##,   *#### ############ ####    %(##/             
                      #@@@@@@@@@@@@@@@&                                                                                 
                       #@@@@@@@@@@@@@%                                                                                  
                        /@@@@@@@@@@@&                 .(((((((((// *(*((/((((((, .(((((((((((, (((((((((((/             
                         @@@@@@@@@@@                   ((((/.....   //**   #(((( .((((/,,,,,,. (((((,**.,,,             
                         ,&@@@@@@@@(                  .(/((,       ((((    *((((*.(*((*        (/((/                    
                           @@@@@@@@.                  .,(((.       ((((/   ((((# ./(((.        /(((,                    
                            @@@@@@@*                  .((,(((((/(  ((((*(/((((.  .(,(((((((**  (,(((((((*/              
                             @@@@@                    ,(((/,       (#*(*   */((( ,(((*.       .(((/.                    
                             #@@@@                    ,((((,        (/*/   (*((/,,((*(*        ((/(/                    
                              @@@                     ,((((,       ((((*   *//((..(((*.        (((,,                    
                              ,@@                     .((((.       (,,(*   */(#( .((//((/((((# /(((((/((((#             
                                                                                                             
                                                                                                            
               .#######/#(    #/(###   ,###.    .######### .########, ####//#%# %###.####(   %## (####/####             
               ,%(%   *##(.  ###*%##,  ,###.    .####      */#*  ,##( ###/##(## %### #####   %## (###,                  
               ,###   ###(.  ### /(##  ,###     .###(      .(###.        #(#*   %##% ####(#. %## (###.                  
               ,####*%###/  *##%  ###. ,###.    .#,#####/    *#####.     ###(   %###.##(/,## %#* (%/#######              
               ,#(#         %##(..#### ,#(#.    .##%/           .###%    ###(   ###% ##(* *##### (###.                  
               *##%        .#####%####.,###.    .###%      #(#*  ,###.   ###(   %### ###*  ##((# (##(,                  
               *##/        ####   .#(##*########.##(######  #######%     ###(   %### ###/   #### (##/##%###-->
               
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>mazapán dust</title>
        <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
        <link href="https://fonts.googleapis.com/css2?family=Russo+One&family=Roboto+Condensed:wght@400&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="btn.css">
  <meta name="robots" content="noindex">
    <meta name="description" content="i don't need to always win. i just hope i'm someone worth rooting for.">
    <audio id="persistent-audio" controls autoplay loop>
      <source src="/music/no_przecież_oysterboy.mp3" type="audio/mpeg">
        your browser does not support the audio element.
    </audio>
  </head>

  <!--audio-->
  <header>

  </header>
  
<div class="page-wrapper">

<body>
<meta name="description" content="i don't need to always win. i just hope i'm someone worth rooting for.">
<!--main page-->
      <div class="container">
        <div class="content-area">
<main id="content">
</main>
  
<!--header-->  
  <div class="header">
    <a href="https://www.adiosmazzy.com/home">
      <img src="/images/adiosheader.png" alt="adios, mazzy!">
    </a>
  </div>
<!--navigation-->
<nav>
<ul>
  <li>
    <a href="#" data-page="https://adiosmazzy.com/homepage">01 home</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://adiosmazzy.com/homepage"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://adiosmazzy.com/about">02 about</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://adiosmazzy.com/about"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://adiosmazzy.com/comics">03 comics</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://adiosmazzy.com/comics"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://adiosmazzy.com/architecture">04 architecture</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://adiosmazzy.com/architecture"></button>
    </div>
  </li>
  <li>
    <a href="https://www.inprnt.com/collections/mazapandust/">05 shop</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://www.inprnt.com/collections/mazapandust/"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://adiosmazzy.com/contact">06 contact</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://adiosmazzy.com/contact"></button>
    </div>
  </li>
</ul>

<!--statuscafe-->
<div id="statuscafe">
  <div id="statuscafe-username"></div>
  <div id="statuscafe-content"> </div>
</div>
  <script src="https://status.cafe/current-status.js?name=mazapandust" defer>
  </script>

<!--get off tiktok and check on yr pals marquee-->
<div class="image-marquee">
  <div class="marquee-container">
    <div class="marquee">
      <img src="/images/blinkies/got.gif" alt="get off tiktok and">
      <img src="/images/blinkies/check.gif" alt="check on yr pals">
            <img src="/images/blinkies/got.gif" alt="get off tiktok and">
      <img src="/images/blinkies/check.gif" alt="check on yr pals">
            <img src="/images/blinkies/got.gif" alt="get off tiktok and">
      <img src="/images/blinkies/check.gif" alt="check on yr pals">
            <img src="/images/blinkies/got.gif" alt="get off tiktok and">
      <img src="/images/blinkies/check.gif" alt="check on yr pals">
            <img src="/images/blinkies/got.gif" alt="get off tiktok and">
      <img src="/images/blinkies/check.gif" alt="check on yr pals">
                  <img src="/images/blinkies/got.gif" alt="get off tiktok and">
      <img src="/images/blinkies/check.gif" alt="check on yr pals">
    </div>
  </div>
</div>

<!--poll-->
<form method="post" action="https://poll.pollcode.com/13283286">
  <div style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; background-color:#EEEEEE; padding:2px; font-family:Arial; font-size:small; color:#000000; box-sizing:border-box; max-width:90%; width:100%; margin: 0 auto;">
    <div style="padding:5px 10px 10px 10px;"><strong>i'd rather live in:</strong></div>
    <div style="padding:0 10px 5px 10px; box-sizing:border-box;">
      <select name="answer" style="width:100%; box-sizing:border-box;">
        <option value="1">a large, exciting city with lots to do, but without much money to enjoy it.</option>
        <option value="2">a small unexciting village with little to do, but with plenty of money.</option>
      </select>
    </div>
    <div align="center" style="padding:3px;"><input type="submit" value=" Vote "> <input type="submit" name="view" value=" View "></div>
    <div align="right" style="font-size:10px;">pollcode.com <a href="https://pollcode.com/">free polls</a></div>
  </div>
</form>

<div class="widgets-row">

  <div class="widget-box">
    <div class="aqi-parent">
      <div class="aqi-container">
        <script
          type="text/javascript"
          src="https://widgets.waqi.info/jswgt/?size=small&city=@3402&lang=pl">
        </script>
        <noscript>
          Not seeing a widget?
          (<a href="https://aqicn.org/">More info</a>)
        </noscript>
      </div>
    </div>
  </div>

  <!-- moon widget -->
  <div class="widget-box">
    <div class="moon-widget">
      <a href="https://www.moonconnection.com" target="_blank" rel="noopener">
        <img src="https://www.moonmodule.com/cs/dm/hn.gif" alt="Moon phase" />
      </a>
    </div>
  </div>

</div>


<!--second blinkie marquee-->
<div class="image-marquee">
  <div class="marquee-container">
    <div class="marquee">
      <img src="/images/blinkies/uncool.gif" alt="uncool">
      <img src="/images/blinkies/enby1.gif" alt="enby">
      <img src="/images/blinkies/tiktok.gif" alt="tiktok">
      <img src="/images/blinkies/paint.gif" alt="paint">
      <img src="/images/blinkies/meanppl.gif" alt="meanppl">
      <img src="/images/blinkies/teddy.gif" alt="teddy">
      <img src="/images/blinkies/music.gif" alt="music">
      <img src="/images/blinkies/zim.gif" alt="zim">
      <img src="/images/blinkies/uncool.gif" alt="uncool">
      <img src="/images/blinkies/enby1.gif" alt="enby">
      <img src="/images/blinkies/tiktok.gif" alt="tiktok">
      <img src="/images/blinkies/paint.gif" alt="paint">
      <img src="/images/blinkies/meanppl.gif" alt="meanppl">
      <img src="/images/blinkies/teddy.gif" alt="teddy">
      <img src="/images/blinkies/music.gif" alt="music">
      <img src="/images/blinkies/zim.gif" alt="zim">
    </div>
  </div>
</div>

<!--chatbox-->
<iframe src="https://www5.cbox.ws/box/?boxid=953140&boxtag=Q3qlYd" width="100%" height="300" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
<div align='center'>
</div>
</div>
</nav>
  
<div class="footer-container">
  <div class="footer-links">
          <div class="neocities-link">
      <a href="https://letterboxd.com/adiosmazzy/">
        <img src="/images/letterboxdbev.png" border="0" alt="letterboxd">
      </a>
    </div>
    <div class="neocities-link">
      <a href="https://moonpr1sm.com/random/30plusclub">
        <img src="/images/blinkies/30plusclub.gif" border="0" alt="30+ club">
      </a>
    </div>
    <div class="neocities-link">
      <a href="https://webcomicring.org/comics/">
        <img src="/images/webcomicring.png" border="0" alt="webcomicring">
      </a>
    </div>
      <div class="neocities-link">
      <a href="https://www.youtube.com/watch?v=7JAmKyIzUmI">
        <img src="/images/neocities.gif" border="0" alt="neocities">
      </a>
    </div>
    <div class="neocities-link">
      <a href="https://neocities.org/site/adiosmazzy">
        <img src="/images/mazcomic.gif" border="0" alt="link to me!">
      </a>
    </div>
    <div class="neocities-link">
      <a href="https://neocities.org/site/adiosmazzy">
        <img src="/images/adiosmazzyvhs.gif" border="0" alt="link to me!">
      </a>
    </div>
  </div>
  <div class="hitcounter">
<script type="text/javascript" src="https://counter.websiteout.com/js/7/0/25069/0"></script>
    <small>visitors since november 2024</small>
  </div>
</div>
</div>
</body>

<a href="https://adiosmazzy.com/dworzec/">
  <img src="/outskirts/images/hand1.png" alt="train ticket" class="trainticket">
  <img src="/outskirts/images/hand2.png" alt="train ticket hover" class="trainticket-hover">
</a>

<a href="https://adiosmazzy.com/postcards/">
  <img src="/postcards/images/postcard.png" alt="postcard collection" class="postcard">
  <img src="/postcards/images/postcardhover.gif" alt="postcard hover" class="postcard-hover">
</a>
</div>


<!--javascript for dynamic page loading -->
    <script src="pageload.js"></script>
<!--javascript for blinkie marquee -->    
    <script src="marquee.js"></script>


<!--footer-->    
  <footer>
    <p>© 2024-forever adios mazzy</p>
  </footer>
  
</html>