From f39af47eb03343dadf2c646dc43c8b8e131e427a Mon Sep 17 00:00:00 2001
From: David Luevano Alvarado <david@luevano.xyz>
Date: Tue, 8 Jun 2021 23:25:06 -0600
Subject: add xmpp server entry

---
 gb/index.html | 130 ++++++++++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 103 insertions(+), 27 deletions(-)

(limited to 'gb/index.html')

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>
-- 
cgit v1.2.3-70-g09d2