significantly optimize this html. format it, maybe use js to remove redundancy/repetitiveness. 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    
    <link rel="stylesheet" href="style.css">
    <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=Inter:wght@100..900&display=swap" rel="stylesheet">
    <link rel="manifest" href="/manifest.json">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    
    <style>
        body {
            overflow: hidden;
            overflow-y: scroll;
            background-color: transparent;
        }

        .gradient-blur {
            z-index: 1;
            position: fixed;
            height: 300px;
            width: 100%;
            bottom: 0;
            pointer-events: none;
        }
  
  .gradient-blur > div,
  .gradient-blur::before,
  .gradient-blur::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
  }
  
  .gradient-blur::before {
    content: "";
    z-index: 1;
    backdrop-filter: blur(0.5px);
    -webkit-backdrop-filter: blur(0.5px);
    mask: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 1) 25%,
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 0) 75%
    );
  }
  
  .gradient-blur > div:nth-of-type(1) {
    z-index: 2;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    mask: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 25%,
      rgba(0, 0, 0, 1) 50%,
      rgba(0, 0, 0, 1) 75%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  
  .gradient-blur > div:nth-of-type(2) {
    z-index: 3;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    mask: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 1) 75%,
      rgba(0, 0, 0, 1) 100%
    );
  }
  
  .gradient-blur::after {
    content: "";
    z-index: 4;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    mask: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 75%,
      rgba(0, 0, 0, 1) 100%
    );
  }

    
    </style>
</head>
<body>

    <div class="gradient-blur">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="circle"></div>
    <div class="context">
        <img class="context-img" src="pfp.png" alt="Prism Icon" id="top">
        <div class="header">
            <h1>BrocoDev</h1>
            <h3><span class="highlighted">Multi-Platform</span> Full Stack Developer</h3>
        </div>

        <div class="context-buttons">
            <div class="context-buttons-hstack">

                <h3 class="context-button" id="context-button" onclick="scrollToElement('info')">Learn More<div class="gradient-border-bg-button"></div></h3>
                <!-- <span onclick="openURL('https://github.com/Broco8Dev/Prism/releases/latest')" class="material-symbols-rounded context-download-button">downloading</span>    -->
            </div>

            <div class="context-buttons-hstack">
                <img onclick="openURL('https://discord.gg/yx35bgRxF4')" class="context-button-slim" src="https://img.icons8.com/material-rounded/120/FFFFFF/discord-logo.png" alt="discord-logo">
                <img onclick="showTwitterOptions(event)" class="context-button-slim" src="https://img.icons8.com/material-rounded/120/FFFFFF/twitter.png" alt="twitter-logo"/>
                <img onclick="openURL('https://www.youtube.com/@BrocoDev')" class="context-button-slim" src="https://img.icons8.com/material-rounded/120/FFFFFF/youtube-play.png" alt="discord-logo"/>
                <img onclick="openURL('https://github.com/Broco8Dev/Prism')" class="context-button-slim" src="https://img.icons8.com/material-rounded/120/FFFFFF/github.png" alt="discord-logo"/>
            </div>

            <div id="twitter-selector" class="twitter-selector">
                <button onclick="openTwitterAccount('https://x.com/Broco8Dev')">BrocoDev</button>
                <button onclick="openTwitterAccount('https://x.com/NovaJBNews')">NovaJB</button>
            </div>
   
        </div>

        <div class="info" id="info">
            <h1>Who am I?</h1>
            <h2>I'm a 15 Year Old Programmer & Graphic Designer living in Canada.<br>I speak English and French.</h2>
            <div class="gradient-border-bg"></div>
        </div>
        

        <div class="info-points">
            <h1>What Can I Do?</h1>
            <div class="gradient-border-bg"></div>
            <div class="info-point-groups">
                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">iOS</span>
                        <h2 class="point-text">iOS Development</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">desktop_windows</span>
                        <h2 class="point-text">Windows Development</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">joystick</span>
                        <h2 class="point-text">Unity Development</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">web</span>
                        <h2 class="point-text">Web Development</h2>
                    </div>
                </div>
            </div>
            <h2 style="margin-top: 15px; margin-bottom: 0;">and General Development.</h2>
        </div>

        <div class="info-points">
            <h1>What Languages?</h1>
            <div class="gradient-border-bg"></div>
            <div class="info-point-groups">

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">coffee</span>
                        <h2 class="point-text">Java</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">child_care</span>
                        <h2 class="point-text">Scratch</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">terminal</span>
                        <h2 class="point-text">C#</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">html</span>
                        <h2 class="point-text">HTML/CSS</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">dynamic_form</span>
                        <h2 class="point-text">Python</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">javascript</span>
                        <h2 class="point-text">JavaScript</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">raven</span>
                        <h2 class="point-text">Swift/SwiftUI</h2>
                    </div>
                </div>

                <div class="info-point-group">
                    <div class="info-point">
                        <span class="material-symbols-rounded info-point-icon">skull</span>
                        <h2 class="point-text">C++</h2>
                    </div>
                </div>
            </div>
            <h2 style="margin-top: 15px; margin-bottom: 0;">Sorted Best to Worst</h2>
        </div>

        
        <div class="info-points">
            <h1>My Projects</h1>
            <div class="gradient-border-bg"></div>
            <div class="info-point-groups-large">
                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="prismicon.png" alt="Prism Icon">
                            <div class="vstack">
                                <h1>Prism</h1>
                                <h2 class="point-text">iOS 17+ Customization & Sideloading.</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>Prism</strong> is a revolutionary tool for customizing and sideloading apps on iOS 17 and newer. It allows users to personalize their devices beyond the standard options provided by Apple.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
                       
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>

                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="zicon.png" alt="Prism Icon">
                            <div class="vstack">
                                <h1>Z Social</h1>
                                <h2 class="point-text">Twitter-inspired Social Media</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>Z Social</strong> is a Twitter-inspired social media with a sleek UI. It combines the ease of use and polish of Instagram with the social nature of X.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
                       
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>

                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="mineclient.png" alt="Prism Icon">
                            <div class="vstack">
                                <h1>MineClient</h1>
                                <h2 class="point-text">Optimized Minecraft client for SMPs</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>MineClient</strong> is a Minecraft client designed for a smooth and optimized experience on SMPs. It includes shaders, has limited mod support, and various optimizations. It's made in Unity and based on Mineflayer.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
        
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>

                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="visiontab.png" alt="Prism Icon">
                            <div class="vstack">
                                <h1>VisionTab</h1>
                                <h2 class="point-text">VisionOS NewTab for Chromium</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>VisionTab</strong> is a VisionOS styled New Tab for Chromium based web browsers. It's sleek, customizable, and recognizable.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
                        <div onclick="openURL('https://github.com/Broco8Dev/VisionTab')" class="github-link-button">View on GitHub<div class="gradient-border-bg"></div></div>
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>

                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="https://developer.valvesoftware.com/w/images/thumb/8/8b/Debugempty.png/200px-Debugempty.png" alt="Prism Icon">
                            <div class="vstack">
                                <h1>Chapp</h1>
                                <h2 class="point-text">Web-chat interface made in a day</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>Chapp</strong> is a Web-chat interface made in a day. Basically a 90s chatroom. The server is down, and it was one of my first websites, so it sucks a lot.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
                        <div onclick="openURL('https://broco8dev.github.io/Chapp/')" class="github-link-button">View on GitHub<div class="gradient-border-bg"></div></div>
                        
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>

                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="fluxicon.png" alt="Prism Icon">
                            <div class="vstack">
                                <h1>Flux</h1>
                                <h2 class="point-text">Deprecated iOS 17+ Tweaking</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>Flux</strong> is a deprecated iOS customization toolbox for iOS 17+. It didn't use exploits, and was powered by iOS shortcuts.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
                        
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>

                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="backroomicon.png" alt="Prism Icon">
                            <div class="vstack">
                                <h1>WTTB</h1>
                                <h2 class="point-text">Backrooms Horror Game Made in a Week.</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>Welcome To The Backrooms</strong> is a Backrooms horror game made in a few days. It was my first published Unity game.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
                        <div onclick="openURL('https://brocodev.itch.io/the-backrooms')" class="github-link-button">View on Itch.io<div class="gradient-border-bg"></div></div>
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>

                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="wildwoodicon.png" alt="Prism Icon">
                            <div class="vstack">
                                <h1>Wild Woods</h1>
                                <h2 class="point-text">Group Project for a Game Dev Class</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>Wild Woods</strong> Wild Woods is a strategy based game made for a game development class. It's extremely rough around the edges, as we were crunched for time.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
                        <div onclick="openURL('https://brocodev.itch.io/wild-woods')" class="github-link-button">View on Itch.io<div class="gradient-border-bg"></div></div>
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>

                <div class="info-point-group-large" onclick="toggleExpand(this)">

                    <div class="vstack">

                    <div class="info-point-large">
                        <div class="hstack">
                            <img class="info-point-large-icon" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSEo5oEg5vkLtiUACqpPVgugaMSD5CF3VYFlQ&s" alt="Prism Icon">
                            <div class="vstack">
                                <h1>Unity Multiplayer</h1>
                                <h2 class="point-text">AWFUL Unity Multiplayer Framework</h2>
                            </div>
                            <span class="material-symbols-rounded info-point-large-chevron">arrow_forward_ios</span>
                        </div>
                    </div>
                   
        
                    <!-- Expanded content -->
                    <div class="more-info">
                        <p>
                            <strong>Unity Multiplayer</strong> is a deprecated and insecure Unity player syncing framework. It only supports players and sends data using http.
                        </p>
                        <div class="image-scroller">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 1">
                            <img src="https://images.ctfassets.net/ihx0a8chifpc/GTlzd4xkx4LmWsG1Kw1BB/ad1834111245e6ee1da4372f1eb5876c/placeholder.com-1280x720.png?w=1920&q=60&fm=webp" alt="Prism Screenshot 2">
                        </div>
                        <div onclick="openURL('https://github.com/Broco8Dev/Unity3D-Multiplayer-Template')" class="github-link-button">View on GitHub<div class="gradient-border-bg"></div></div>
                        <!-- Image scroller -->
          
                    </div>

                    </div>
                </div>
            </div>
            <h2 style="margin-top: 15px; margin-bottom: 0;">Other Shitty Projects on Itch.io or GitHub</h2>
        </div>

        <h3 class="context-button" style="margin-top: 250px; font-size: 14px; z-index: 10001;" onclick="scrollToTop()">Back To Top</h3>
    </div>

    <script>
        function toggleExpand(element) {
            element.classList.toggle('expanded');
        }
    </script>
    <script>
        
        function scrollToElement(id) {
            const element = document.getElementById(id);
            if (element) {
                const yOffset = -60;
                const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
                window.scrollTo({top: y, behavior: 'smooth'});
            }
        }

        function scrollToTop() {
            window.scrollTo({
                top: 0,
                behavior: 'smooth'
            });
        }

        function showTwitterOptions(event) {
            event.stopPropagation();
            const selector = document.getElementById('twitter-selector');
            selector.classList.toggle('show');
        }

        function openTwitterAccount(url) {
            openURL(url);
            hideTwitterSelector();
        }

        function hideTwitterSelector() {
            document.getElementById('twitter-selector').classList.remove('show');
        }

        document.addEventListener('click', function(event) {
            const selector = document.getElementById('twitter-selector');
            const twitterButton = document.querySelector('img[alt="twitter-logo"]');
            if (!selector.contains(event.target) && event.target !== twitterButton) {
                hideTwitterSelector();
            }
        });
    </script>
    <script src="pageSwitcher.js"></script>
    <script>
        const circle = document.querySelector('.circle');
        const testElement = document.getElementById('projectModal');

        document.addEventListener('mousemove', (e) => {
            const x = e.clientX;
            const y = e.clientY;

            // Move the circle
            circle.style.transform = `translate(${x - 10}px, ${y - 10}px)`;

            // Check if the circle is touching the test element
            const circleRect = circle.getBoundingClientRect();
            const testRect = testElement.getBoundingClientRect();

            // Check for overlap
            const isTouching = !(
                circleRect.right < testRect.left ||
                circleRect.left > testRect.right ||
                circleRect.bottom < testRect.top ||
                circleRect.top > testRect.bottom
            );

            // Set z-index based on whether the elements are touching
            circle.style.zIndex = isTouching ? '100000' : '10000';
        });
    </script>
    
</body>
</html>