summaryrefslogtreecommitdiff
path: root/gb/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'gb/index.html')
-rw-r--r--gb/index.html130
1 files changed, 103 insertions, 27 deletions
diff --git a/gb/index.html b/gb/index.html
index c0f3f67..8df243f 100644
--- a/gb/index.html
+++ b/gb/index.html
@@ -1,20 +1,79 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <link rel="icon" href="https://static.luevano.xyz/images/gb/gb_icon.svg" />
- <title>Gameboy</title>
+<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">
- <script src="https://static.luevano.xyz/scripts/jquery-3.5.1.min.js"></script>
- <script src="https://static.luevano.xyz/scripts/gb.js"></script>
+ <!-- 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">
- <link rel="stylesheet" href="https://static.luevano.xyz/css/gb.css">
-</head>
-<body>
+ <!-- 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">
- <header>
- <a href="https://luevano.xyz/">[HOME]</a>
- </header>
+ <!-- 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>
@@ -25,37 +84,37 @@
<tr>
<td/>
<td>
- <input type="image" src="https://static.luevano.xyz/images/gb/up.png" alt="Up" id="btn_up">
+ <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"><img src="https://static.luevano.xyz/images/gb/refresh.png"></a>
+ <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="https://static.luevano.xyz/images/gb/left.png" alt="Left" id="btn_left">
+ <input type="image" src="images/gb/left.png" alt="Left" id="btn_left">
</td>
<td/>
<td>
- <input type="image" src="https://static.luevano.xyz/images/gb/right.png" alt="Right" id="btn_right">
+ <input type="image" src="images/gb/right.png" alt="Right" id="btn_right">
</td>
<td/>
<td/>
<td>
- <input type="image" src="https://static.luevano.xyz/images/gb/B.png" alt="B" id="btn_b">
+ <input type="image" src="images/gb/B.png" alt="B" id="btn_b">
</td>
<td>
- <input type="image" src="https://static.luevano.xyz/images/gb/A.png" alt="A" id="btn_a">
+ <input type="image" src="images/gb/A.png" alt="A" id="btn_a">
</td>
</tr>
<tr>
<td/>
<td>
- <input type="image" src="https://static.luevano.xyz/images/gb/down.png" alt="Down" id="btn_down">
+ <input type="image" src="images/gb/down.png" alt="Down" id="btn_down">
</td>
<td/>
<td/>
@@ -68,10 +127,10 @@
<td/>
<td/>
<td>
- <input type="image" src="https://static.luevano.xyz/images/gb/select.png" alt="Select" id="btn_select">
+ <input type="image" src="images/gb/select.png" alt="Select" id="btn_select">
</td>
<td>
- <input type="image" src="https://static.luevano.xyz/images/gb/start.png" alt="Start" id="btn_start">
+ <input type="image" src="images/gb/start.png" alt="Start" id="btn_start">
</td>
<td/>
<td/>
@@ -80,10 +139,27 @@
</table>
</div>
- <footer>
- <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>.<br>
- Input button images also taken from him.
- </footer>
+ <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>
-</body>
+ <br>
+ <span class="copyright">
+ Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+ </span>
+ </footer>
+ </body>
</html>