From 3ce6b4d20ee8bde7ef326993b7d820fc758a944e Mon Sep 17 00:00:00 2001
From: ZennDev1337 <zenndev@protonmail.com>
Date: Tue, 22 Aug 2023 14:36:06 +0200
Subject: [PATCH] redesine docs page

---
 docs/image-converter.html  | 29 +++++++++++++++++++++++------
 docs/index.html            | 16 ++++++++++------
 docs/sprite-converter.html | 27 +++++++++++++++++++++------
 docs/tile-converter.html   | 31 +++++++++++++++++++++++++------
 4 files changed, 79 insertions(+), 24 deletions(-)

diff --git a/docs/image-converter.html b/docs/image-converter.html
index 981fd26..04239b1 100644
--- a/docs/image-converter.html
+++ b/docs/image-converter.html
@@ -37,12 +37,14 @@
 
                 color: #e7e7e7;
             }
-            .footer > p {
+            .footer > a {
                 font-family: Courier New;
                 text-align: center;
                 font-size: large;
                 font-weight: 700;
                 margin: 0;
+                color: #e7e7e7;
+                text-decoration: none;
             }
             .sticky {
                 bottom: 0;
@@ -135,12 +137,23 @@
         </style>
         <div class="wrapper">
             <div class="topnav" id="myTopnav">
-                <a href="/index.html">Rust for Arduboy</a>
-                <a href="/image-converter.html" class="active"
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/index.html"
+                    >Rust for Arduboy</a
+                >
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/image-converter.html"
+                    class="active"
                     >Image Converter</a
                 >
-                <a href="/tile-converter.html">Tile Converter</a>
-                <a href="/sprite-converter.html">Sprite Converter</a>
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/tile-converter.html"
+                    >Tile Converter</a
+                >
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/sprite-converter.html"
+                    >Sprite Converter</a
+                >
                 <a
                     href="javascript:void(0);"
                     class="icon"
@@ -171,7 +184,11 @@
             <hr class="separator" />
         </div>
 
-        <footer class="footer">By ZennDev1337</footer>
+        <footer class="footer">
+            <a href="https://github.com/ZennDev1337/" target="_blank"
+                >By ZennDev1337</a
+            >
+        </footer>
         <script language="JavaScript">
             function myFunction() {
                 var x = document.getElementById("myTopnav");
diff --git a/docs/index.html b/docs/index.html
index f257cad..6e059b9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,12 +35,14 @@
 
                 color: #e7e7e7;
             }
-            .footer > p {
+            .footer > a {
                 font-family: Courier New;
                 text-align: center;
                 font-size: large;
                 font-weight: 700;
                 margin: 0;
+                color: #e7e7e7;
+                text-decoration: none;
             }
             .sticky {
                 bottom: 0;
@@ -138,10 +140,10 @@
         </style>
         <div class="wrapper">
             <div class="topnav" id="myTopnav">
-                <a href="/index.html" class="active">Rust for Arduboy</a>
-                <a href="/image-converter.html">Image Converter</a>
-                <a href="/tile-converter.html">Tile Converter</a>
-                <a href="/sprite-converter.html">Sprite Converter</a>
+                <a href="https://zenndev1337.github.io/Rust-for-Arduboy/index.html" class="active">Rust for Arduboy</a>
+                <a href="https://zenndev1337.github.io/Rust-for-Arduboy/image-converter.html">Image Converter</a>
+                <a href="https://zenndev1337.github.io/Rust-for-Arduboy/tile-converter.html">Tile Converter</a>
+                <a href="https://zenndev1337.github.io/Rust-for-Arduboy/sprite-converter.html">Sprite Converter</a>
                 <a
                     href="javascript:void(0);"
                     class="icon"
@@ -165,7 +167,9 @@
 
             <iframe src="https://ZennDev1337.github.io/Rust-for-Arduboy/doc/arduboy_rust/index.html" title="Rust for Arduboy Docs"></iframe> 
         <footer class="footer sticky">
-            <p>By ZennDev1337</p>
+            <a href="https://github.com/ZennDev1337/" target="_blank"
+                >By ZennDev1337</a
+            >
         </footer>
         <script language="JavaScript">
             function myFunction() {
diff --git a/docs/sprite-converter.html b/docs/sprite-converter.html
index 1213777..451de0a 100644
--- a/docs/sprite-converter.html
+++ b/docs/sprite-converter.html
@@ -35,12 +35,14 @@
 
                 color: #e7e7e7;
             }
-            .footer > p {
+            .footer > a {
                 font-family: Courier New;
                 text-align: center;
                 font-size: large;
                 font-weight: 700;
                 margin: 0;
+                text-decoration: none;
+                color: #e7e7e7;
             }
             .sticky {
                 bottom: 0;
@@ -133,10 +135,21 @@
         </style>
         <div class="wrapper">
             <div class="topnav" id="myTopnav">
-                <a href="/index.html">Rust for Arduboy</a>
-                <a href="/image-converter.html">Image Converter</a>
-                <a href="/tile-converter.html">Tile Converter</a>
-                <a href="/sprite-converter.html" class="active"
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/index.html"
+                    >Rust for Arduboy</a
+                >
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/image-converter.html"
+                    >Image Converter</a
+                >
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/tile-converter.html"
+                    >Tile Converter</a
+                >
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/sprite-converter.html"
+                    class="active"
                     >Sprite Converter</a
                 >
                 <a
@@ -170,7 +183,9 @@
         </div>
 
         <footer class="footer sticky">
-            <p>By ZennDev1337</p>
+            <a href="https://github.com/ZennDev1337/" target="_blank"
+                >By ZennDev1337</a
+            >
         </footer>
         <script language="JavaScript">
             function myFunction() {
diff --git a/docs/tile-converter.html b/docs/tile-converter.html
index 08b77e2..39dce79 100644
--- a/docs/tile-converter.html
+++ b/docs/tile-converter.html
@@ -35,12 +35,14 @@
 
                 color: #e7e7e7;
             }
-            .footer > p {
+            .footer > a {
                 font-family: Courier New;
                 text-align: center;
                 font-size: large;
                 font-weight: 700;
                 margin: 0;
+                color: #e7e7e7;
+                text-decoration: none;
             }
             .sticky {
                 bottom: 0;
@@ -133,10 +135,23 @@
         </style>
         <div class="wrapper">
             <div class="topnav" id="myTopnav">
-                <a href="/index.html">Rust for Arduboy</a>
-                <a href="/image-converter.html">Image Converter</a>
-                <a href="/tile-converter.html" class="active">Tile Converter</a>
-                <a href="/sprite-converter.html">Sprite Converter</a>
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/index.html"
+                    >Rust for Arduboy</a
+                >
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/image-converter.html"
+                    >Image Converter</a
+                >
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/tile-converter.html"
+                    class="active"
+                    >Tile Converter</a
+                >
+                <a
+                    href="https://zenndev1337.github.io/Rust-for-Arduboy/sprite-converter.html"
+                    >Sprite Converter</a
+                >
                 <a
                     href="javascript:void(0);"
                     class="icon"
@@ -167,7 +182,11 @@
             <hr class="separator" />
         </div>
 
-        <footer class="footer">By ZennDev1337</footer>
+        <footer class="footer">
+            <a href="https://github.com/ZennDev1337/" target="_blank"
+                >By ZennDev1337</a
+            >
+        </footer>
         <script language="JavaScript">
             function myFunction() {
                 var x = document.getElementById("myTopnav");