kinda finish new style

author: David Luevano Alvarado <david@luevano.xyz> 2021-04-21 18:02:10 -0600
committer: David Luevano Alvarado <david@luevano.xyz> 2021-04-21 18:02:10 -0600
commit: 586d646ad3021c9a9a0927020ded8ab72c7022c7 (patch)
tree: fb55afaf9893c675e2b8df35f6efda974ba594d8 /luevano/index.html
parent: 2b94a020ccb78fa486691767e35110914fd53e8c (diff)
1 files changed, 65 insertions, 67 deletions
diff --git a/luevano/index.html b/luevano/index.html
index a32a73b..b74e51e 100644
--- a/luevano/index.html
+++ b/luevano/index.html
@@ -1,88 +1,86 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
+    <base href="https://static.luevano.xyz/">
+    <meta charset="utf-8">
+    <title>Luévano's site</title>
+    <link rel="icon" href="fa/svgs/solid/dragon.svg">
 
-    <link id="code-theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/hl/styles/solarized-dark.min.css">
-    <script type="text/javascript" src="https://static.luevano.xyz/hl/highlight.min.js"></script>
-    <script type="text/javascript">hljs.initHighlightingOnLoad();</script>
-    <link rel="stylesheet" type="text/css" href="https://static.luevano.xyz/fa/css/all.min.css">
-    <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/dark.css">
-    <link rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/general_style.css">
+    <!-- general style -->
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <link rel="stylesheet" type="text/css" href="fa/css/all.min.css">
 
-    <link rel="icon" href="https://static.luevano.xyz/fa/svgs/solid/dragon.svg">
-    <meta charset="utf-8">
+    <!-- highlight support for code blocks -->
+    <script type="text/javascript" src="hl/highlight.min.js"></script>
+    <script type="text/javascript">hljs.initHighlightingOnLoad();</script>
 
-    <title>Luévano</title>
+    <!-- theme related -->
+    <script type="text/javascript" src="scripts/theme.js"></script>
+    <link id="theme-css" rel="stylesheet" type="text/css" href="css/dark.css">
+    <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/solarized-dark.min.css">
   </head>
 
   <body>
-    <div id="theme-switcher-container">
-      <i class="fas fa-sun"></i>
-      <label class="switch theme">
-        <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
-        <span class="slider round"></span>
-      </label>
-      <i class="fas fa-moon"></i>
-    </div>
-
     <header>
-      <ul class="menubar">
-        <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><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>
-
-        <li>
-          <a href="https://luevano.xyz/donate"><i class="fas fa-donate" alt="Donate"></i><span>Donate</span></a>
-          <ul>
-            <li><a href="https://paypal.me/dlvna"><i class="fab fa-paypal" alt="Paypal"></i><span>Paypal</span></a></li>
-          </ul>
-        </li>
-      </ul>
+      <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><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>
-    </header>
 
-    <h1>NOTE: I'm currently moving from server, so the little functionality I had is more wonky than ever</h1>
+      <div class="theme-switch-container">
+        <i class="fas fa-sun"></i>
+        <label class="switch theme">
+          <input id="theme-switch" type="checkbox" onclick="toggleTheme()">
+          <span class="slider round"></span>
+        </label>
+        <i class="fas fa-moon"></i>
+      </div>
+    </header>
 
-    <h1>
-      Welcome!
-    </h1>
+    <main>
+      <h1>
+        Welcome!
+      </h1>
 
-    <p>
-    My name is David Luévano and this is my little piece of internet.
-    </p>
+      <p>
+      My name is David Luévano and this is my little piece of internet.
+      </p>
 
-    <p>
-    I plan on doing all sort of stuff here, including a <a href="https://blog.luevano.xyz/">blog</a> and stuff like an interactive <a href="https://gb.luevano.xyz/">gameboy</a> where everyone who participates plays together (think "twitch plays pokemon" and more recently "twitter plays pokemon").
-    </p>
+      <p>
+      I plan on doing all sort of stuff here, including a <a href="https://blog.luevano.xyz/">blog</a> and stuff like an interactive <a href="https://gb.luevano.xyz/">gameboy</a> where everyone who participates plays together (think "twitch plays pokemon" and more recently "twitter plays pokemon").
+      </p>
 
-    <p>
-    But for now, this place is under construction (as you may notice from most links being broken).<br/>
+      <p>
+      But for now, this place is under construction (as you may notice from most links being broken).<br/>
 
-    <img src="https://static.luevano.xyz/images/gifs/worker1.gif" alt="Under construction">
-    </p>
+      <img src="https://static.luevano.xyz/images/gifs/worker1.gif" alt="Under construction">
+      </p>
+    </main>
 
-    <footer class="footer">
+    <footer>
       <i class="fas fa-envelope" alt="Email"></i>
       Email
       <a href="mailto:david@luevano.xyz">
author	David Luevano Alvarado <david@luevano.xyz>	2021-04-21 18:02:10 -0600
committer	David Luevano Alvarado <david@luevano.xyz>	2021-04-21 18:02:10 -0600
commit	586d646ad3021c9a9a0927020ded8ab72c7022c7 (patch)
tree	fb55afaf9893c675e2b8df35f6efda974ba594d8 /luevano/index.html
parent	2b94a020ccb78fa486691767e35110914fd53e8c (diff)