<!--                                        #@@.      .(,(((.(/((/ .(((//(((((/# .((((((*((((, ((((((*((((/             
                                          @@@@@#      ,(((/,       ,((./   /((((,.((((,        ((((/                    
                                  %@@@@#@@@@@@@(      ,(/((,       /(#//   *((((..((((*        (((#/                    
                                  @@@@@@@@@@@@@@      ,((((((((*(  (((///,/*(((  .(((((///(*,  ((((((*///*              
                                @@@@@@@@@@@@@@@       ..((#((((((  ((/#((#*(/((  ./(/((((//(*  (#((((((//(              
                               (@@@@@@@@@@@           .#(((.       (.*/(   *(((*.,((*/.        (/*/*                    
                               @@@@@@@@@@@%           .((((.       .((/*   ,//((..(/*(,        (/,(/                    
                              *@@@@@@@@@@@            .((((,       ((///   /*(.(..((((((/((((/ (((/((/((/((             
                              @@@@@@@@@@@@            .((((        ((/(/   *((*.*,((*(((((((((./(((((((((((             
                             &@@@@@@@@@@@@                                                                              
                            *@@@@@@@@@@@@&                ,***,       .*****,    .,/*.*.,*,,.    ******                 
                           ,@@@@@@@@@@@@@&             ##########/    %#%###%    ####(#######   ,#*####/                
                          *@@@@@@@@@@@@@@@            ,%###   ####   .#((.###,         (####    ####(###                
                         @@@@@@@@@@@@@@@@.            ,####   ****   ###, ####        %###%     ### .###,               
                       #@@@@@@@@@@@@@@@@@             .###( ....,    ###( /###,      ####/     (##%  ####               
                     &@@@@@@@@@@@@@@@@@@@             *###/ ##(###  (###. .####     ####,      ####  ####.              
                    @@@@@@@@@@@@@@@@@@@%              //###   ####  #####(%###%    (##(.      /####%####%#              
                     @@@@@@@@@@@@@@@@@@@,             *###(   #/## .#####(###### /(*.%        ############              
                     ,@@@@@@@@@@@@@@@@@@               %########## #%##,   *#### ############ ####    %(##/             
                      #@@@@@@@@@@@@@@@&                                                                                 
                       #@@@@@@@@@@@@@%                                                                                  
                        /@@@@@@@@@@@&                 .(((((((((// *(*((/((((((, .(((((((((((, (((((((((((/             
                         @@@@@@@@@@@                   ((((/.....   //**   #(((( .((((/,,,,,,. (((((,**.,,,             
                         ,&@@@@@@@@(                  .(/((,       ((((    *((((*.(*((*        (/((/                    
                           @@@@@@@@.                  .,(((.       ((((/   ((((# ./(((.        /(((,                    
                            @@@@@@@*                  .((,(((((/(  ((((*(/((((.  .(,(((((((**  (,(((((((*/              
                             @@@@@                    ,(((/,       (#*(*   */((( ,(((*.       .(((/.                    
                             #@@@@                    ,((((,        (/*/   (*((/,,((*(*        ((/(/                    
                              @@@                     ,((((,       ((((*   *//((..(((*.        (((,,                    
                              ,@@                     .((((.       (,,(*   */(#( .((//((/((((# /(((((/((((#             
                                                                                                             
                                                                                                            
               .#######/#(    #/(###   ,###.    .######### .########, ####//#%# %###.####(   %## (####/####             
               ,%(%   *##(.  ###*%##,  ,###.    .####      */#*  ,##( ###/##(## %### #####   %## (###,                  
               ,###   ###(.  ### /(##  ,###     .###(      .(###.        #(#*   %##% ####(#. %## (###.                  
               ,####*%###/  *##%  ###. ,###.    .#,#####/    *#####.     ###(   %###.##(/,## %#* (%/#######              
               ,#(#         %##(..#### ,#(#.    .##%/           .###%    ###(   ###% ##(* *##### (###.                  
               *##%        .#####%####.,###.    .###%      #(#*  ,###.   ###(   %### ###*  ##((# (##(,                  
               *##/        ####   .#(##*########.##(######  #######%     ###(   %### ###/   #### (##/##%###-->
               
<!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">
        <link rel="stylesheet" href="https://webcomicring.org/js/comicring.css">
        <meta name="mazapán dust" content="illustrator and storyteller. i don't need to always win, i just hope i'm someone worth rooting for." />
  </head>
  
<div class="page-wrapper">

<!--audio-->
  <header>
    <audio id="persistent-audio" controls autoplay loop>
      <source src="/music/nie_chcę_bluefaces.mp3" type="audio/mpeg">
        your browser does not support the audio element.
    </audio>
  </header>
  
<!--header-->  
  <div class="header">
    <a href="https://www.mazapandust.com/home">
      <img src="images/mainheader.gif" alt="Mazapan Dust">
    </a>
  </div>
  
<!--main page container (where the dynamic content goes)-->
  <div class="container">
    <div class="content-area">
      <main>    
        <p>loading.......</p>
      </main>
            
<!--navigation-->
<nav>
<ul>
  <li>
    <a href="#" data-page="https://mazapandust.com/homepage">01 home</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://mazapandust.com/homepage"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://mazapandust.com/about">02 about</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://mazapandust.com/about"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://mazapandust.com/comics">03 comics</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://mazapandust.com/comics"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://mazapandust.com/architecture">04 architecture</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://mazapandust.com/architecture"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://mazapandust.com/gigposters">05 gig posters</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://mazapandust.com/gigposters"></button>
    </div>
  </li>
  <li>
    <a href="#" data-page="https://mazapandust.com/otherart">06 other art</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://mazapandust.com/otherart"></button>
    </div>
  </li>
  <li>
    <a href="https://www.inprnt.com/collections/mazapandust/">07 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://mazapandust.com/contact">08 contact</a>
    <div class="frame">
      <button class="custom-btn btn-6" data-page="https://mazapandust.com/contact"></button>
    </div>
  </li>
</ul>

<!--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">
            <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/33531465">
  <div style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; background-color:#EEEEEE;padding:2px;width:100%;font-family:Arial;font-size:small;color:#000000;box-sizing:border-box;">
    <div style="padding:5px 10px 10px 10px;">
      <strong>POLL: artificial intelligence is:</strong>
    </div>
    <div align="center" style="padding-bottom:5px; width: 100%; max-width: 250px; margin: 0 auto;">
      <select name="answer" style="width:90%; box-sizing:border-box;">
        <option value="1">the beginning of the end</option>
        <option value="2">the only way i get by in my job / school</option>
        <option value="3">killing creativity</option>
        <option value="4">really not as bad as everybody's saying</option>
        <option value="5">a secret fifth thing</option>
      </select>
    </div>
    <div align="center" style="padding:10px;">
    <input type="submit" value=" Vote " style="margin-right: 5px; font-size: 12px; padding: 5px 20px;">
    </div>
    <div align="right" style="font-size:10px;">
      pollcode.com <a href="https://pollcode.com/"></a>
    </div>
  </div>
</form>

<!--second blinkie marquee-->
<div class="image-marquee">
  <div class="marquee-container">
    <div class="marquee">
      <img src="/images/blinkies/alone.gif" alt="alone">
      <img src="/images/blinkies/free-palestine.gif" alt="free palestine">
      <img src="/images/blinkies/azumangadaioh.gif" alt="azumanga daioh">
      <img src="/images/blinkies/freeluigi.gif" alt="free luigi">
      <img src="/images/blinkies/enby2.gif" alt="enby">
      <img src="/images/blinkies/panchiko.gif" alt="panchiko">
      <img src="/images/blinkies/pixels.gif" alt="dream in pixels">
      <img src="/images/blinkies/mcrblinkie.gif" alt="mcr">
      <img src="/images/blinkies/daydreamer.gif" alt="daydreamer">
      <img src="/images/blinkies/alone.gif" alt="alone">
      <img src="/images/blinkies/free-palestine.gif" alt="free palestine">
      <img src="/images/blinkies/azumangadaioh.gif" alt="azumanga daioh">
      <img src="/images/blinkies/freeluigi.gif" alt="free luigi">
      <img src="/images/blinkies/enby2.gif" alt="enby">
      <img src="/images/blinkies/panchiko.gif" alt="panchiko">
      <img src="/images/blinkies/pixels.gif" alt="dream in pixels">
      <img src="/images/blinkies/mcrblinkie.gif" alt="mcr">
      <img src="/images/blinkies/daydreamer.gif" alt="daydreamer">
    </div>
  </div>
</div>

<!--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>

<!--third 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-links">
  
  <div id="webcomicwebring">
    <script type="text/javascript" src="https://webcomicring.org/js/comicring-variables.js"></script>
    <script type="text/javascript" src="https://webcomicring.org/js/comicring-widget.js"></script>
  </div>

  <div class="hitcounter">
    <a href="https://www.free-website-hit-counter.com">
      <img src="https://www.free-website-hit-counter.com/zc.php?d=9&id=4434&s=5" border="0" alt="Free Website Hit Counter">
    </a>
    <small>visitors since November 2024</small>
  </div>
  
  <div class="neocities-link">
    <a href="https://neocities.org/site/mazapandust">
      <img src="images/mazwebring3.gif" border="0" alt="Neocities link">
    </a>
    <small>follow me on neocities</small>
  </div>
</div>
</div>


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

<!--footer-->    
  <footer>
    <p>&copy; 2024 mazapán dust</p>
  </footer>
  
</html>