metallic.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Metallic - WIP</title>
    <meta
      name="description"
      content="This is WIP, my unblocked game site. Come Play!"
    />
    <meta property="og:title" content="Metallic - WIP" />
    <meta
      property="og:description"
      content="This is WIP, my unblocked game site. Come Play!"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="utf-8" />
    <meta property="twitter:card" content="summary_large_image" />

    <style data-tag="reset-style-sheet">
      html {  line-height: 1.15;}body {  margin: 0;}* {  box-sizing: border-box;  border-width: 0;  border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption {  margin: 0;  padding: 0;}button {  background-color: transparent;}button,input,optgroup,select,textarea {  font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;}button,select {  text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {  -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus {  outline: 1px dotted ButtonText;}a {  color: inherit;  text-decoration: inherit;}input {  padding: 2px 4px;}img {  display: block;}html { scroll-behavior: smooth  }
    </style>
    <style data-tag="default-style-sheet">
      html {
        font-family: Source Sans Pro;
        font-size: 16px;
      }

      body {
        font-weight: 400;
        font-style:normal;
        text-decoration: none;
        text-transform: none;
        letter-spacing: normal;
        line-height: 1.15;
        color: var(--dl-color-gray-black);
        background-color: var(--dl-color-gray-white);

      }
    </style>
    <link
      rel="shortcut icon"
      href="public/playground_assets/screenshot_2023-05-13_10.49.15_pm-removebg-preview.png"
      type="icon/png"
      sizes="32x32"
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&amp;display=swap"
      data-tag="font"
    />

    <style data-section-id="dropdown">
      [data-thq="thq-dropdown"]:hover > [data-thq="thq-dropdown-list"] {
          display: flex;
        }

        [data-thq="thq-dropdown"]:hover > div [data-thq="thq-dropdown-arrow"] {
          transform: rotate(90deg);
        }
    </style>
    <link rel="stylesheet" href="./style.css" />
    <script src="https://unpkg.com/scrollreveal"></script>
    <script>
      ScrollReveal({ reset: true });
    </script>
  </head>
  <body>
    <div>
      <script
        type="text/javascript"
        src="https://unpkg.com/dangerous-html@0.1.12/dist/default/lib.umd.js"
      ></script>
      <link href="./metallic.css" rel="stylesheet" />

      <div class="metallic-container">
        <header data-thq="thq-navbar" class="metallic-navbar-interactive">
          <a href="index.html" class="metallic-navlink">
            <img
              alt="logo"
              src="public/playground_assets/images-removebg-preview2-200h.png"
              class="metallic-logo"
            />
          </a>
          <div
            data-thq="thq-navbar-nav"
            data-role="Nav"
            class="metallic-desktop-menu"
          >
            <nav
              data-thq="thq-navbar-nav-links"
              data-role="Nav"
              class="metallic-nav"
            >
              <a href="flash-games.html" class="metallic-navlink01">
                <span>Flash</span>
                <br />
              </a>
              <a href="gameboy-games.html" class="metallic-navlink02">
                Gameboy
              </a>
              <a href="proxies.html" class="metallic-navlink03">Proxies</a>
              <a href="interstellar-movies.html" class="metallic-navlink04">
                Movies
              </a>
              <a href="guides.html" class="metallic-navlink05">Guides</a>
              <a href="credits.html" class="metallic-navlink06">Credits</a>
              <a href="guides.html" class="metallic-navlink07"></a>
            </nav>
          </div>
          <div data-thq="thq-navbar-btn-group" class="metallic-btn-group">
            <a
              href="https://discord.gg/62PsHFFQHm"
              target="_blank"
              rel="noreferrer noopener"
              class="metallic-link"
            >
              <img
                alt="image"
                src="public/playground_assets/636e0a6cc3c481a15a141738_icon_clyde_white_rgb-200h.png"
                class="metallic-image"
              />
            </a>
          </div>
          <div data-thq="thq-burger-menu" class="metallic-burger-menu">
            <svg viewBox="0 0 1024 1024" class="metallic-icon">
              <path
                d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
              ></path>
            </svg>
          </div>
          <div data-thq="thq-mobile-menu" class="metallic-mobile-menu">
            <div
              data-thq="thq-mobile-menu-nav"
              data-role="Nav"
              class="metallic-nav1"
            >
              <div class="metallic-container1">
                <a href="index.html" class="metallic-navlink08">
                  <img
                    alt="image"
                    src="public/playground_assets/images-removebg-preview2-200h.png"
                    class="metallic-image1"
                  />
                </a>
                <div data-thq="thq-close-menu" class="metallic-menu-close">
                  <svg viewBox="0 0 1024 1024" class="metallic-icon2">
                    <path
                      d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
                    ></path>
                  </svg>
                </div>
              </div>
              <nav
                data-thq="thq-mobile-menu-nav-links"
                data-role="Nav"
                class="metallic-nav2"
              >
                <a href="flash-games.html" class="metallic-navlink09">
                  Flash Games
                </a>
                <a href="gameboy-games.html" class="metallic-navlink10">
                  Gameboy Games
                </a>
                <a href="proxies.html" class="metallic-navlink11">Proxies</a>
                <a href="proxies.html" class="metallic-navlink12">Proxies</a>
                <a href="guides.html" class="metallic-navlink13">Guides</a>
                <a
                  href="https://discord.gg/62PsHFFQHm"
                  target="_blank"
                  rel="noreferrer noopener"
                  class="metallic-link1"
                >
                  WIP Discord
                </a>
                <a
                  href="https://discord.gg/62PsHFFQHm"
                  target="_blank"
                  rel="noreferrer noopener"
                  class="metallic-link2"
                >
                  WIP Discord
                </a>
                <a
                  href="https://discord.gg/62PsHFFQHm"
                  target="_blank"
                  rel="noreferrer noopener"
                  class="metallic-link3"
                >
                  WIP Discord
                </a>
              </nav>
            </div>
            <div class="metallic-icon-group"></div>
          </div>
        </header>
        <div class="metallic-div">
          <dangerous-html
            html="<iframe id='inlineFrameExample'
    title='Inline Frame Example'
    width='1385'
    height='765'
    src='https://gat8way.tytech038.com/'>
</iframe>"
          ></dangerous-html>
        </div>
        <h1 class="metallic-text2">
          <span class="metallic-text3">USE THESE IN ANOTHER TAB:</span>
          <br class="metallic-text4" />
          <span class="metallic-text5">https://algebrahelper.xyz/</span>
          <br class="metallic-text6" />
          <span class="metallic-text7">https://toneindicator.org/</span>
          <br />
        </h1>
      </div>
    </div>
    <script
      type="text/javascript"
      src="https://www.googletagmanager.com/gtag/js?id=G-3JZWTEPZXN"
      async=""
    ></script>
    <script type="text/javascript">
      window.dataLayer = window.dataLayer || [];
              function gtag(){dataLayer.push(arguments);}
              gtag('js', new Date());
              gtag('config', 'G-3JZWTEPZXN');
    </script>
    <script type="text/javascript">
      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
              new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
              j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
              'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
              })(window,document,'script','dataLayer','GTM-KCNV8W8');
    </script>
    <script
      data-section-id="navbar"
      src="https://unpkg.com/@teleporthq/teleport-custom-scripts"
    ></script>
  </body>
</html>