prettify css add support for wrap images and img/art grids

4 files changed, 110 insertions, 8 deletions

diff --git a/luevano/404.html b/luevano/404.html
index 1b366ed..ade81da 100644
--- a/luevano/404.html
+++ b/luevano/404.html
@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>404 Not found -- Luévano's Site</title>
     <meta name="description" content="404 page."/>
+    <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 -->
diff --git a/luevano/contact.html b/luevano/contact.html
index 783a70a..479aec6 100644
--- a/luevano/contact.html
+++ b/luevano/contact.html
@@ -79,7 +79,7 @@
         Contact
       </h1>
 
-      <img src="images/gifs/head_talking_1_trans.gif" alt="Contact info">
+      <img class="wrap-right" src="images/gifs/head_talking_1_trans.gif" alt="Contact info">
 
       <p>
       You can contact me through:
@@ -97,7 +97,6 @@
           <br>
 
           <a href='https://compliance.conversations.im/server/luevano.xyz'><img src='https://compliance.conversations.im/badge/luevano.xyz'></a>
-          <br>
 
           <a href='https://xmpp.net/result.php?domain=luevano.xyz&amp;type=client'><img src='https://xmpp.net/badge.php?domain=luevano.xyz' alt='xmpp.net score'/></a>
         </li>
diff --git a/luevano/donate.html b/luevano/donate.html
index fa4468a..a241802 100644
--- a/luevano/donate.html
+++ b/luevano/donate.html
@@ -79,14 +79,14 @@
         Donate
       </h1>
 
-      <img src="images/gifs/dollar_sign_spin_1.gif" alt="Donate">
+      <img class="wrap-right" src="images/gifs/dollar_sign_spin_1.gif" alt="Donate">
 
       <p>
-      I don't really do much on the internet nor do I provide any type of service, but still, if for some reason you want to donate, you can do it via my <i class="fab fa-paypal" alt="Paypal"></i><a href="https://paypal.me/dlvna">Paypal</a>, either by its link or using my email <code class="email">david@luevano.xyz</code>.
+      I don't really do much on the internet nor do I provide any type of service, but still, if for some reason you want to donate, you can do it via my <i class="fab fa-paypal" alt="Paypal"></i> <a href="https://paypal.me/dlvna">Paypal</a>, either by its link or using my email <code class="email">david@luevano.xyz</code>.
       </p>
 
       <p>
-      I wanted to add more *fiat* options but I don't have access to them *down here*. So, instead you could use some of my referral links or donate crypto.
+      I wanted to add more <em>fiat</em> options but I don't have access to them <em>down here</em>. So, instead you could use some of my referral links or donate crypto.
       </p>
 
       <h2>
@@ -100,6 +100,7 @@
       <ul>
         <li>
           <i class="fab fa-monero" alt="Monero"></i> Monero: (<a target="_blank" href="images/crypto/monero.png">XMR QR</a>) <code class="crypto">83CoxLgBTzb8muMAHtqR4fYmwA6gcvahzRWgA6nWY3x3BCpde9cE4d8G2fFYufb7qTgo8Cc4M8qnNHdDfrXn7bKhAQmXhAq</code>
+          <br>
 
           <img class="qr" src="images/crypto/monero.png" alt="XMR QR">
         </li>
@@ -116,15 +117,15 @@
 
       <ul>
         <li>
-          <a href="https://www.vultr.com/?ref=8733834-6G" alt="Vultr referral">Vultr</a>: Reliable server hosting, I host <code class="link">luevano.xyz</code> here. <b>You get $100 USD in credit for a month and if you continue using the service I get $25 after you spend $25 yourself.</b>
+          <a href="https://www.vultr.com/?ref=8733834-6G" alt="Vultr referral">Vultr</a>: Reliable server hosting, I host <code class="link">luevano.xyz</code> here. <strong>You get $100 USD in credit for a month and if you continue using the service I get $25 after you spend $25 yourself.</strong>
         </li>
 
         <li>
-          <a href="https://hostodo.com/portal/aff.php?aff=914" alt="Hostodo referral">Hostodo</a>: Cheaper server hosting, I host <code class="link">ezclap.xyz</code> here, which is being used only for some game servers and "bigger" stuff. <b>I get 12% for every sale and renewal.</b>
+          <a href="https://hostodo.com/portal/aff.php?aff=914" alt="Hostodo referral">Hostodo</a>: Cheaper server hosting, I host <code class="link">ezclap.xyz</code> here, which is being used only for some game servers and "bigger" stuff. <strong>I get 12% for every sale and renewal.</strong>
         </li>
 
         <li>
-          <a href="https://www.epik.com/?affid=da5ne9ru4" alt="Epik referral">Epik</a>: Domain registrar, where I buy my domains. <b>I get 20% of the initial sale.</b>
+          <a href="https://www.epik.com/?affid=da5ne9ru4" alt="Epik referral">Epik</a>: Domain registrar, where I buy my domains. <strong>I get 20% of the initial sale.</strong>
         </li>
       </ul>
 
diff --git a/luevano/test.html b/luevano/test.html
new file mode 100644
index 0000000..028877c
--- /dev/null
+++ b/luevano/test.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <base href="https://static.luevano.xyz/">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Test page -- Luévano's Site</title>
+    <meta name="description" content="Test page."/>
+    <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/dark.css">
+  </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>
+
+      <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>
+
+    <main>
+      <h1>
+        Test page
+      </h1>
+
+      <div class="art-grid">
+        <img class="wide" src="images/gifs/contact_info_1.gif">
+        <img src="images/gifs/dollar_sign_spin_1.gif">
+        <img class="tall" src="images/gifs/head_talking_1_trans.gif">
+        <img class="wide tall" src="images/gifs/stars_1.gif">
+        <img src="images/gifs/under_construction_1.gif">
+        <img src="images/gifs/under_construction_2.gif">
+      </div>
+
+    </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="fal fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
+    </footer>
+  </body>
+</html>