diff options
Diffstat (limited to 'gb')
| -rw-r--r-- | gb/index.html | 130 |
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> |