From e77765a0ea7265a3970bda6bc3038e42b272059b Mon Sep 17 00:00:00 2001
From: Adrian Victor <adrianvic.dev@outlook.com>
Date: Fri, 5 Apr 2024 12:48:40 -0300
Subject: [PATCH] Added 'QuoteMan' that will choose a random quote from
 ./assets/quotes and put it on aside's quoteblock.

---
 assets/main.js     | 11 +++++++++--
 assets/quoteman.js | 39 +++++++++++++++++++++++++++++++++++++++
 assets/quotes      |  2 ++
 index.html         |  1 +
 4 files changed, 51 insertions(+), 2 deletions(-)
 create mode 100644 assets/quoteman.js
 create mode 100644 assets/quotes

diff --git a/assets/main.js b/assets/main.js
index 3d80b96..c0dbeda 100644
--- a/assets/main.js
+++ b/assets/main.js
@@ -13,9 +13,16 @@ class Header extends HTMLElement {
           <p>Studying computing at <a href="http://ifc.edu.br/">IFC</a>, interessed in programming, hacking and security.</p>
       </nav> 
 
+      <div id="links" class="centerText box">
+        <blockquote id="random-quote">
+          The quote man is not working...
+        </blockquote>
+        <p id="random-quote-author">- Quote man</p>
+      </div>
+
       <div id="links" class="centerText box">
           <p>Links</p>
-          <p><a href="index.html">Home</a> - <a href="http://gallery.adrian.rf.gd/">Gallery</a> - <a href="http://vicc.rf.gd/gh">GitHub</a></p>
+          <p><a href="index.html">Home</a> - <a href="http://gallery.adrian.rf.gd/">Gallery</a> - <a href="http://vicc.rf.gd/gh">GitHub</a> - <a href="http://vicc.rf.gd/twitter">Twitter</a></p>
       </div>
       
       <div id="footer" class="box">
@@ -27,6 +34,6 @@ class Header extends HTMLElement {
       `;
     }
   }
-  
+
   customElements.define('header-component', Header);
   
\ No newline at end of file
diff --git a/assets/quoteman.js b/assets/quoteman.js
new file mode 100644
index 0000000..88b8d54
--- /dev/null
+++ b/assets/quoteman.js
@@ -0,0 +1,39 @@
+document.addEventListener('DOMContentLoaded', () => {
+    fetch('./assets/quotes')
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Failed to load the quotes file.');
+            }
+            return response.text();
+        })
+        .then(data => {
+            const lines = data.split('\n');
+            const textLines = [];
+            const authorLines = [];
+
+            lines.forEach(line => {
+                if (line.trim().startsWith('!')) {
+                    textLines.push(line.trim());
+                } else if (line.trim().startsWith('@')) {
+                    authorLines.push(line.trim());
+                }
+            });
+
+            // Ensure that textLines and authorLines have the same length
+            const minLength = Math.min(textLines.length, authorLines.length);
+
+            if (minLength === 0) {
+                throw new Error('No matching text and author lines found.');
+            }
+
+            const randomIndex = Math.floor(Math.random() * minLength);
+            const randomTextLine = textLines[randomIndex];
+            const randomAuthorLine = authorLines[randomIndex];
+
+            document.getElementById('random-quote').textContent = randomTextLine.substring(1); // Remove '!' from the text
+            document.getElementById('random-quote-author').textContent = randomAuthorLine.substring(1); // Remove '@' from the author
+        })
+        .catch(error => {
+            console.error('Error:', error);
+        });
+});
diff --git a/assets/quotes b/assets/quotes
new file mode 100644
index 0000000..d17148d
--- /dev/null
+++ b/assets/quotes
@@ -0,0 +1,2 @@
+!Fantasy is not a crime, find your castle in the sky
+@DJ Satomi - Castle In The Sky
\ No newline at end of file
diff --git a/index.html b/index.html
index 7c81c15..acfd955 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" type="text/css" media="screen" href="./assets/main.css">
     <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
     <script src="./assets/main.js" type="text/javascript" defer></script>
+    <script src="./assets/quoteman.js" type="text/javascript" defer></script>
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
 </head>