<!--
 _    _      _                            _          _   _      _ _   _ _ 
| |  | |    | |                          | |        | | | |    | | | | | |
| |  | | ___| | ___ ___  _ __ ___   ___  | |_ ___   | |_| | ___| | | | | |
| |/\| |/ _ \ |/ __/ _ \| '_ ` _ \ / _ \ | __/ _ \  |  _  |/ _ \ | | | | |
\  /\  /  __/ | (_| (_) | | | | | |  __/ | || (_) | | | | |  __/ | | |_|_|
 \/  \/ \___|_|\___\___/|_| |_| |_|\___|  \__\___/  \_| |_/\___|_|_| (_|_)
 
 
                                            +###########++=                                          
                                       **###########*######**                                       
                                 +*#*#*=             +####++#####*++*=                              
                             ######=-               *##**#*    =*####*=                             
                           *####+                  *### *#*     ++######*                           
                         *###*                     ##*  *#*       =-=*###**                         
                      #*####                     *##*   *##           ++*##*%                       
                     #####*                     *###    *##+             +####                      
                    #####+                      ###+    -###               ###*+                    
                   *###*=                      ###+      *##-               +###                    
                  *#####*##+=                 *##+        ##+                *##*+                  
                  #######*#*##########++    ####*         *#*                 *###                  
                 *##**+##*  -=*#################* ====    +##                  ###*                 
                ###**# +####        +***+###############+- #*                  =##%-                
                %##-     +*##=            ##*+    =#*#########*+-               *###                
               *###=      =*##*          ##+           -*##%##########*+         *###               
               +#*          **##+       *#+=               *#+  *%#**#########*+==##*               
               ###           =####%+   *#**                ##*=           +#+*#######@              
               ##*            -=####* *#%#                :*##*+          +########*#%              
               ###               ==+###**                  *##*+       *###%#-     ##%              
               *#*                #*####*                  +#*+*   =#####+         *#*              
               ##*-               =+#*##*                  +*#*######*=           =##-              
               ###*              **### *#**                +#####*=               +##               
               %##*-            *####   =###*      =+**########*-                =###               
                *##*           +###+      *##* **##########+####+               +####               
                +###=         ##*           #########*      ####*               +###=               
                 +##*       *###*          *#####*          *##*+              *###*                
                  +#*+      ###*       *#*###**#####         *##*             *####                 
                  +*##*   =*###   =*#*####+     *###*+       *###            +####*                 
                   *###* +###*---+####+           *###*      %###*          +*###*                  
                    *######*#####*                 +*##+=    ####*         -+###*                   
                      +####***+                      +*##+   *###+        *####+                    
                       %*#*                            +###+ -###*      -###*#                      
                        %%####*+                         +##*=*#*     +*#*+                         
                          ######*:                        =+##*##%  *#%%#                           
                             ***#####+-                    =*####**###*                             
                                =*######*=+=-              - *#####**                               
                                  +*################**########****                                  
                                        *#######*###*****#-                                         
   
 ▄▄▄       ██▓     ██▓  ██████  ▒█████   ███▄    █     █     █░ ▄▄▄        ██████ 
▒████▄    ▓██▒    ▓██▒▒██    ▒ ▒██▒  ██▒ ██ ▀█   █    ▓█░ █ ░█░▒████▄    ▒██    ▒ 
▒██  ▀█▄  ▒██░    ▒██▒░ ▓██▄   ▒██░  ██▒▓██  ▀█ ██▒   ▒█░ █ ░█ ▒██  ▀█▄  ░ ▓██▄   
░██▄▄▄▄██ ▒██░    ░██░  ▒   ██▒▒██   ██░▓██▒  ▐▌██▒   ░█░ █ ░█ ░██▄▄▄▄██   ▒   ██▒
 ▓█   ▓██▒░██████▒░██░▒██████▒▒░ ████▓▒░▒██░   ▓██░   ░░██▒██▓  ▓█   ▓██▒▒██████▒▒
 ▒▒   ▓▒█░░ ▒░▓  ░░▓  ▒ ▒▓▒ ▒ ░░ ▒░▒░▒░ ░ ▒░   ▒ ▒    ░ ▓░▒ ▒   ▒▒   ▓▒█░▒ ▒▓▒ ▒ ░
  ▒   ▒▒ ░░ ░ ▒  ░ ▒ ░░ ░▒  ░ ░  ░ ▒ ▒░ ░ ░░   ░ ▒░     ▒ ░ ░    ▒   ▒▒ ░░ ░▒  ░ ░
  ░   ▒     ░ ░    ▒ ░░  ░  ░  ░ ░ ░ ▒     ░   ░ ░      ░   ░    ░   ▒   ░  ░  ░  
      ░  ░    ░  ░ ░        ░      ░ ░           ░        ░          ░  ░      ░  
                        ██░ ██ ▓█████  ██▀███  ▓█████                   
                        ▓██░ ██▒▓█   ▀ ▓██ ▒ ██▒▓█   ▀                   
                        ▒██▀▀██░▒███   ▓██ ░▄█ ▒▒███                     
                        ░▓█ ░██ ▒▓█  ▄ ▒██▀▀█▄  ▒▓█  ▄                   
                        ░▓█▒░██▓░▒████▒░██▓ ▒██▒░▒████▒    ██▓  ██▓  ██▓ 
                        ▒ ░░▒░▒░░ ▒░ ░░ ▒▓ ░▒▓░░░ ▒░ ░    ▒▓▒  ▒▓▒  ▒▓▒ 
                        ▒ ░▒░ ░ ░ ░  ░  ░▒ ░ ▒░ ░ ░  ░    ░▒   ░▒   ░▒  
                        ░  ░░ ░   ░     ░░   ░    ░       ░    ░    ░   
                        ░  ░  ░   ░  ░   ░        ░  ░     ░    ░    ░  
                                                            ░    ░    ░                                                                                  
HOLIS, PERSONITA QUE ESTA LEYENDO MI CODIGOOOO!!!! uwu

Me esforcé mucho haciendo la welcomepage uwu, pero finalmente amé el resultado y espero que a ti también te guste. <3
      
VIVA LAS LESBIANAS, FINAL FANTASY VII Y EL DEATH METAL !! YAYYYYYYYYYYYYYY.
-->

<!DOCTYPE html>
<html lang="en" translate="no">

<head>
    <meta charset="UTF-8">
    <title>Michelle Souls Island</title>
    <link rel="icon" href="bath_mh_icon.ico">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Tiny5&display=swap"
        rel="stylesheet">
    <link href="stylesUwU/welcome.css" rel="stylesheet">

</head>

<body>
    <div class="version-tag">v. 1.0.1 - Michelle Souls Island</div>
    <div class="crtOverlay"></div>

    <div class="startScreen">
        <div id="logoMich"></div>
        <div id="pressAny"> Press Any Key To Start</div>

        <div id="madeBy"> (C) 1986 - MichelleSouls64. GAME BY ALISON</div>
    </div>
    <!-- Contenedor principal que define el ancho de todo el contenido uwu.-->
    <div id="main_container">
        <!--Contenedor para el grid donde estare yo, dandote la bienvenida, personita curiosa que visita
                mi sitio web y encima lee mi codigo. Te quiero mucho. <3 -->
        <div id="AlisonCharacter">

            <div id="alisonSprite">
                <img> <!-- En el CSS esta definida la imagen de mi sprite uwu. -->
                <div id="shadowUwU"></div>
            </div>

            <div id="dialogueBox">
                <h1>Alison:</h1>
                <p id="alisonText"></p>
            </div>

            <div id="yayyy">
                <div class="optionsUwU sfxHover"> New Game </div>
                <div class="optionsUwU sfxHover"> Load Game </div>
            </div>

            <div id="soundsAndMusic">
                <div>
                    <p>FX</p>
                    <div id="soundSwitch" class="audioSwitches sfxHover"></div>
                </div>
                <div>
                    <P>Music</P>
                    <div id="musicSwitch" class="audioSwitches sfxHover">
                    </div>
                </div>
            </div>

        </div> <!-- Cierre del Div de AlisonCharacter-->

        <div id="dolls">
            <img id="AliScytheuwu">
            <div id="lesbitransDiv" onclick="showMessageFlag()">
                <img id="lesbitrans" class="sfxHover">
            </div>
        </div>

    </div> <!-- Cierre del div de main container-->

    <!-- Ventana modal estilo ventana retro uwu-->
    <section class="window">
        <div class="windowContainerUwU">
            <div id="WindowTitleBar">
                <img id="skullWindowIconXD">
                <p>Michelle Souls Island</p>
                <div class="windowControls"> <!-- Contenedor para los botones -->
                    <button id="minBtn" class="titleControl sfxHover cursorError"> </button>
                    <button id="maxBtn" class="titleControl sfxHover cursorError"> </button>
                    <button id="xTitleBtn" class="titleControl sfxHover backUI"> </button>
                </div>
            </div>
            <h1 id="h1Window">Do you wish to enter my Site?</h1>

            <!-- Dolls para la ventanita uwu -->
            <img id="danger" src="imagenes uwu/cautionMich.png">
            <img id="ladyBow" src="gifs_uwu/lady-bow.gif">
            <img id="metaKnight" src="gifs_uwu/metaKnight.gif">
            <img id="pinkyGhost" src="gifs_uwu/pinkyGhost.gif">

            <div id="aboutMySiteText">
                <p id="aboutP">
                    • Includes audio and visual effects.<br>
                    • Optimized for Desktop and partially for Mobile.<br>
                    • Language Selector (EN/ES) and optional sound.
                </p>
            </div>
            <div id="WindowButtonsContainer">
                <button id="go_to_home" class="windowButton sfxHover"> Enter </button>
                <button id="windowClose" class="windowButton sfxHover backUI"> Close </button>
            </div>
        </div>
    </section>

    <div class="loadingScreen">
        <div id="ponysWalking">
            <img id="pinkiePieLoad" class="ponyLoad" src="gifs_uwu/pinkie_walk2.gif">
            <img id="fluttershyLoad" class="ponyLoad" src="gifs_uwu/fluttershy_walk.gif">
        </div>
        <div id="loadingTitle">
            <h2 id="loadTitleTxt"> Loading Website...</h2>
            <div class="loader"></div>
        </div>

        <div class="progressContainer">
            <div class="progressBar"></div>
        </div>

        <p class="loadingSubtext"> </p> <!-- Aqui pongo el texto del mensaje de la LoadingScreen xd -->
    </div>

    <script src="AlisonScript/welcomeScripts/start.js"></script>
    <script src="translateuwu/translatescripts/welcome_lang.js"></script>
    <script src="AlisonScript/welcomeScripts/alisonRPGuwu.js"></script>
    <script src="AlisonScript/welcomeScripts/loadingScreen.js"></script>
    <script src="AlisonScript/welcomeScripts/welcome.js"></script>

</body>

</html>