<!DOCTYPE html>
<html class="theme-dark" lang="en"
  prefix="og: https://ogp.me/ns#">
  <head>
    <base href="https://static.luevano.xyz/">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Gameboy -- Luévano's Site</title>
    <meta name="description" content="My personal website where I host my blog, art gallery and more."/>
    <link rel="alternate" type="application/rss+xml" href="https://blog.luevano.xyz/rss.xml" title="Luévano's Blog RSS">
    <link rel="alternate" type="application/rss+xml" href="https://art.luevano.xyz/rss.xml" title="Luévano's Art RSS">
    <link rel="icon" href="images/icons/favicon.ico">

    <!-- general style -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="fork-awesome/css/fork-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.min.css">

    <!-- theme related -->
    <script type="text/javascript" src="scripts/theme.js"></script>
    <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
    <link rel="stylesheet" type="text/css" href="css/gb.css">

    <!-- for the gameboy to work -->
    <script src="scripts/jquery-3.5.1.min.js"></script>
    <script src="scripts/gb.js"></script>


    <!-- og meta -->
    <meta property="og:title" content="Gameboy -- Luévano's Site"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://gb.luevano.xyz/index.html"/>
    <meta property="og:image" content="images/default.png"/>
    <meta property="og:description" content="My instance of Gameboy.Live emulator."/>
    <meta property="og:locale" content="en"/>
    <meta property="og:site_name" content="Luévano's Site"/>
  </head>

  <body>
    <header>
      <nav>
        <ul>
          <li>
            <a href="https://luevano.xyz/"><i class="fas fa-home" alt="Home"></i><span>Home</span></a>
          </li>

          <li>
            <a href="https://blog.luevano.xyz/"><i class="fas fa-book-open" alt="Blog"></i><span>Blog</span></a>
          </li>

          <li>
            <a href="https://art.luevano.xyz/"><i class="fas fa-paint-brush" alt="Art"></i><span>Art</span></a>
          </li>

          <li><i class="fab fa-git" alt="Git"></i><span>Git</span>
            <ul>
              <li><a href="https://git.luevano.xyz/" target="_blank"><i class="fab fa-git-alt" alt="Git-alt"></i></a></li>

              <li><a href="https://github.com/luevano" target="_blank"><i class="fab fa-github" alt="Github"></i></a></li>

              <li><a href="https://gitlab.com/dluevano" target="_blank"><i class="fab fa-gitlab" alt="Gitlab"></i></a></li>
            </ul>
          </li>

          <li><i class="fas fa-box-open" alt="Stuff"></i><span>Stuff</span>
            <ul>
              <li><a href="https://gb.luevano.xyz/"><i class="fas fa-gamepad" alt="Gameboy"></i><span>Gameboy</span></a></li>
            </ul>
          </li>
        </ul>
      </nav>

      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
    </header>

    <main>

  <div class="gameboy">
  <img class="screen" src="https://gb.ezclap.xyz/image" id="game_img"><br><br>


  <table class="controls">
    <tbody>
      <tr>
        <td/>
        <td>
          <input type="image" src="images/gb/up.png" alt="Up" id="btn_up">
        </td>
        <td/>
        <td/>
        <td/>
        <td/>
        <td>
          <a href="https://gb.luevano.xyz"><input type="image" src="images/gb/refresh.png" alt="Refresh"></a>
        </td>
      </tr>
      <tr>
        <td>
          <input type="image" src="images/gb/left.png" alt="Left" id="btn_left">
        </td>
        <td/>
        <td>
          <input type="image" src="images/gb/right.png" alt="Right" id="btn_right">
        </td>
        <td/>
        <td/>
        <td>
          <input type="image" src="images/gb/B.png" alt="B" id="btn_b">
        </td>
        <td>
          <input type="image" src="images/gb/A.png" alt="A" id="btn_a">
        </td>
      </tr>
      <tr>
        <td/>
        <td>
          <input type="image" src="images/gb/down.png" alt="Down" id="btn_down">
        </td>
        <td/>
        <td/>
        <td/>
        <td/>
        <td/>
      </tr>
      <tr>
        <td/>
        <td/>
        <td/>
        <td>
          <input type="image" src="images/gb/select.png" alt="Select" id="btn_select">
        </td>
        <td>
          <input type="image" src="images/gb/start.png" alt="Start" id="btn_start">
        </td>
        <td/>
        <td/>
      </tr>
    </tbody>
  </table>
  </div>

  <p>
    <a href="https://github.com/HFO4/gameboy.live">Gameboy emulator written in Go</a> by <a href="https://github.com/HFO4">Aaron Liu AKA HFO4 on GitHub</a>. Also took his images for the buttons.
  </p>

    </main>

    <footer>
      <span>
        <i class="fas fa-address-card" alt="Contact"></i>
        <a href="https://luevano.xyz/contact.html">Contact</a>
      </span>

      <span>
        <i class="fas fa-donate" alt="Donate"></i>
        <a href="https://luevano.xyz/donate.html">Donate</a>
      </span>

      <br>
      <span class="copyright">
        Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
      </span>
    </footer>
  </body>
</html>