update css, make articles more uniform, add toc and add functionality to scroll to the top

10 files changed, 59 insertions, 3 deletions

diff --git a/live/art/a/elephant_octopus.html b/live/art/a/elephant_octopus.html
index 9d5507a..6da9ded 100644
--- a/live/art/a/elephant_octopus.html
+++ b/live/art/a/elephant_octopus.html
@@ -16,6 +16,8 @@
     <!-- theme related -->
     <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
+    <!-- misc functions-->
+    <script type="text/javascript" src="https://static.luevano.xyz/scripts/return_top.js"></script>
     <!-- extra -->
     <!-- og meta -->
   <meta property="og:title" content="Elephant octopus -- Luevano's Art"/>
@@ -66,6 +68,11 @@
     </header>
 
     <main>
+      <div class="return-top">
+        <button class="return-top" onclick="returnTop()" id="returnTopButton">
+        <i class="fas fa-arrow-up" alt="Return to top"></i>
+        </button>
+      </div>
   <h1>Elephant octopus</h1>
 
   <a class="zoom-in" href="https://static.luevano.xyz/images/a/elephant_octopus.png" alt="See raw.">
diff --git a/live/art/a/hand_sketches.html b/live/art/a/hand_sketches.html
index dd1927b..9cb7186 100644
--- a/live/art/a/hand_sketches.html
+++ b/live/art/a/hand_sketches.html
@@ -16,6 +16,8 @@
     <!-- theme related -->
     <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
+    <!-- misc functions-->
+    <script type="text/javascript" src="https://static.luevano.xyz/scripts/return_top.js"></script>
     <!-- extra -->
     <!-- og meta -->
   <meta property="og:title" content="Hand sketches -- Luevano's Art"/>
@@ -66,6 +68,11 @@
     </header>
 
     <main>
+      <div class="return-top">
+        <button class="return-top" onclick="returnTop()" id="returnTopButton">
+        <i class="fas fa-arrow-up" alt="Return to top"></i>
+        </button>
+      </div>
   <h1>Hand sketches</h1>
 
   <a class="zoom-in" href="https://static.luevano.xyz/images/a/hand_sketches.png" alt="See raw.">
@@ -74,7 +81,7 @@
 
   <p>Me dibujé la mano varias veces con un pincel que me encontré de Krita muy bueno, porque quiero ir soltando, vaya, la mano, para dibujar más agusto porque siento que le tengo mucho miedo a la tableta.</p>
 <p>Según yo probé &ldquo;métodos&rdquo; (y como dos-tres pinceles) diferentes, pero realmente están muy similares en &ldquo;procedimiento&rdquo;. Igual quedé conforme con el resultado.</p>
-<p>Ahora con el anuncio del ???Elden Ring??? se antojó hacerse un dibujo relacionado, pero aún no sé qué ni cómo, pero quizá me eche algo así.</p>
+<p>Ahora con el anuncio del <mark>Elden Ring</mark> se antojó hacerse un dibujo relacionado, pero aún no sé qué ni cómo, pero quizá me eche algo así.</p>
 <p>Pues ahí mero. Y por cierto que muchas gracias a quien me donó hace unos días por el dibujo pasado, se aprecia mi bro.</p>
 
   <div class="art-nav">
diff --git a/live/art/index.html b/live/art/index.html
index 5ede7e3..2e95bcb 100644
--- a/live/art/index.html
+++ b/live/art/index.html
@@ -16,6 +16,8 @@
     <!-- theme related -->
     <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
+    <!-- misc functions-->
+    <script type="text/javascript" src="https://static.luevano.xyz/scripts/return_top.js"></script>
     <!-- extra -->
     <!-- og meta -->
   <meta property="og:title" content="Index -- Luevano's Art"/>
@@ -66,6 +68,11 @@
     </header>
 
     <main>
+      <div class="return-top">
+        <button class="return-top" onclick="returnTop()" id="returnTopButton">
+        <i class="fas fa-arrow-up" alt="Return to top"></i>
+        </button>
+      </div>
   <h1>Index -- Luevano's Art</h1>
 
   <p>Here is where I will post all of my drawings, sketches and more art related stuff. Right now this is managed similar to the <a href="https://blog.luevano.xyz" alt="Luévano's Blog">blog</a>, but more "gallery" oriented. The structure is kind of a 3-level zoom, where you see all the images in this index (or on a tag index), then you see the whole image in its separate link with additional information and then you can see the raw image itself.</p>
diff --git a/live/art/rss.xml b/live/art/rss.xml
index 7d014d7..65c5268 100644
--- a/live/art/rss.xml
+++ b/live/art/rss.xml
@@ -34,7 +34,7 @@
       <description>Sketches de mi mano para ir agarrando confianza con la tableta. Probando diferentes métodos/pinceles.</description>
       <content:encoded><![CDATA[<p>Me dibujé la mano varias veces con un pincel que me encontré de Krita muy bueno, porque quiero ir soltando, vaya, la mano, para dibujar más agusto porque siento que le tengo mucho miedo a la tableta.</p>
 <p>Según yo probé &ldquo;métodos&rdquo; (y como dos-tres pinceles) diferentes, pero realmente están muy similares en &ldquo;procedimiento&rdquo;. Igual quedé conforme con el resultado.</p>
-<p>Ahora con el anuncio del ???Elden Ring??? se antojó hacerse un dibujo relacionado, pero aún no sé qué ni cómo, pero quizá me eche algo así.</p>
+<p>Ahora con el anuncio del <mark>Elden Ring</mark> se antojó hacerse un dibujo relacionado, pero aún no sé qué ni cómo, pero quizá me eche algo así.</p>
 <p>Pues ahí mero. Y por cierto que muchas gracias a quien me donó hace unos días por el dibujo pasado, se aprecia mi bro.</p>]]></content:encoded>
     </item>
     <item>
diff --git a/live/art/sitemap.xml b/live/art/sitemap.xml
index b20aab6..3eee2e7 100644
--- a/live/art/sitemap.xml
+++ b/live/art/sitemap.xml
@@ -47,7 +47,7 @@
 
     <url>
       <loc>https://art.luevano.xyz/a/hand_sketches.html</loc>
-      <lastmod>2021-06-11</lastmod>
+      <lastmod>2023-05-04</lastmod>
       <changefreq>weekly</changefreq>
       <priority>1.0</priority>
     </url>
diff --git a/live/art/tag/@black-white.html b/live/art/tag/@black-white.html
index 484f5ea..56c72b1 100644
--- a/live/art/tag/@black-white.html
+++ b/live/art/tag/@black-white.html
@@ -16,6 +16,8 @@
     <!-- theme related -->
     <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
+    <!-- misc functions-->
+    <script type="text/javascript" src="https://static.luevano.xyz/scripts/return_top.js"></script>
     <!-- extra -->
     <!-- og meta -->
   <meta property="og:title" content="Luevano's Art"/>
@@ -66,6 +68,11 @@
     </header>
 
     <main>
+      <div class="return-top">
+        <button class="return-top" onclick="returnTop()" id="returnTopButton">
+        <i class="fas fa-arrow-up" alt="Return to top"></i>
+        </button>
+      </div>
   <h1>Art filtered by black-white</h1>
 
   <div class="art-grid">
diff --git a/live/art/tag/@digital.html b/live/art/tag/@digital.html
index ba93c86..f823b22 100644
--- a/live/art/tag/@digital.html
+++ b/live/art/tag/@digital.html
@@ -16,6 +16,8 @@
     <!-- theme related -->
     <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
+    <!-- misc functions-->
+    <script type="text/javascript" src="https://static.luevano.xyz/scripts/return_top.js"></script>
     <!-- extra -->
     <!-- og meta -->
   <meta property="og:title" content="Luevano's Art"/>
@@ -66,6 +68,11 @@
     </header>
 
     <main>
+      <div class="return-top">
+        <button class="return-top" onclick="returnTop()" id="returnTopButton">
+        <i class="fas fa-arrow-up" alt="Return to top"></i>
+        </button>
+      </div>
   <h1>Art filtered by digital</h1>
 
   <div class="art-grid">
diff --git a/live/art/tag/@drawing.html b/live/art/tag/@drawing.html
index 5a00975..dcbc96b 100644
--- a/live/art/tag/@drawing.html
+++ b/live/art/tag/@drawing.html
@@ -16,6 +16,8 @@
     <!-- theme related -->
     <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
+    <!-- misc functions-->
+    <script type="text/javascript" src="https://static.luevano.xyz/scripts/return_top.js"></script>
     <!-- extra -->
     <!-- og meta -->
   <meta property="og:title" content="Luevano's Art"/>
@@ -66,6 +68,11 @@
     </header>
 
     <main>
+      <div class="return-top">
+        <button class="return-top" onclick="returnTop()" id="returnTopButton">
+        <i class="fas fa-arrow-up" alt="Return to top"></i>
+        </button>
+      </div>
   <h1>Art filtered by drawing</h1>
 
   <div class="art-grid">
diff --git a/live/art/tag/@sketch.html b/live/art/tag/@sketch.html
index 5b42db8..54d5676 100644
--- a/live/art/tag/@sketch.html
+++ b/live/art/tag/@sketch.html
@@ -16,6 +16,8 @@
     <!-- theme related -->
     <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
+    <!-- misc functions-->
+    <script type="text/javascript" src="https://static.luevano.xyz/scripts/return_top.js"></script>
     <!-- extra -->
     <!-- og meta -->
   <meta property="og:title" content="Luevano's Art"/>
@@ -66,6 +68,11 @@
     </header>
 
     <main>
+      <div class="return-top">
+        <button class="return-top" onclick="returnTop()" id="returnTopButton">
+        <i class="fas fa-arrow-up" alt="Return to top"></i>
+        </button>
+      </div>
   <h1>Art filtered by sketch</h1>
 
   <div class="art-grid">
diff --git a/live/art/tag/@spanish.html b/live/art/tag/@spanish.html
index be039a2..c3583ec 100644
--- a/live/art/tag/@spanish.html
+++ b/live/art/tag/@spanish.html
@@ -16,6 +16,8 @@
     <!-- theme related -->
     <script type="text/javascript" src="https://static.luevano.xyz/scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="https://static.luevano.xyz/css/theme.css">
+    <!-- misc functions-->
+    <script type="text/javascript" src="https://static.luevano.xyz/scripts/return_top.js"></script>
     <!-- extra -->
     <!-- og meta -->
   <meta property="og:title" content="Luevano's Art"/>
@@ -66,6 +68,11 @@
     </header>
 
     <main>
+      <div class="return-top">
+        <button class="return-top" onclick="returnTop()" id="returnTopButton">
+        <i class="fas fa-arrow-up" alt="Return to top"></i>
+        </button>
+      </div>
   <h1>Art filtered by spanish</h1>
 
   <div class="art-grid">