finish base art page and upload first post

author: David Luevano Alvarado <david@luevano.xyz> 2021-06-06 12:56:44 -0600
committer: David Luevano Alvarado <david@luevano.xyz> 2021-06-06 12:56:44 -0600
commit: 403bcd7509498638b6e34d38eb29e1c3620917c9 (patch)
tree: b10d853a923a85d4bd981a5b301abd3c1f5a8a7f /art
parent: 55cfef7fcaad7a657336b8be62508be9f631ff86 (diff)
20 files changed, 880 insertions, 36 deletions
diff --git a/art/dst/a/elephant_octopus.html b/art/dst/a/elephant_octopus.html
new file mode 100644
index 0000000..f8a5998
--- /dev/null
+++ b/art/dst/a/elephant_octopus.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html class="theme-dark" lang="es"
+  prefix="og: https://ogp.me/ns#">
+  <head>
+    <base href="https://static.luevano.xyz">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Elephant octopus -- Luévano's Art</title>
+    <meta name="description" content"Dibujo en digital de una combinación de elefante y pulpo."/>
+    <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/theme.css">
+
+    <!-- og meta -->
+  <meta property="og:title" content="Elephant octopus -- Luévano's Art"/>
+  <meta property="og:type" content="article"/>
+  <meta property="og:url" content="https://art.luevano.xyz/a/elephant_octopus.html"/>
+  <meta property="og:image" content="https://static.luevano.xyz/images/a/elephant_octopus.png"/>
+  <meta property="og:description" content="Dibujo en digital de una combinación de elefante y pulpo."/>
+  <meta property="og:locale" content="es"/>
+  <meta property="og:site_name" content="Luévano's Art"/>
+  </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>
+
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
+    </header>
+
+    <main class="art">
+  <h1>Elephant octopus</h1>
+
+  <a class="zoom-in" href="https://static.luevano.xyz/images/a/elephant_octopus.png" alt="See raw.">
+    <img src="https://static.luevano.xyz/images/a/elephant_octopus.png" alt="Dibujo en digital de una combinación de elefante y pulpo.">
+  </a>
+
+  <p>El último dibujo que he hecho, justo para probar la tableta que me compré y de pasada usarlo para estrenar esta nueva sección de la página.</p>
+<p>Duré más de lo que hubiera querido y de hecho se nota que le fui bajando la calidad mientras más pasaba el tiempo, pero así nomás quedó.</p>
+<p>Como side note, debí haberlo <em>firmado</em>, pero la neta se me roló porque no estoy acostumbrado, así que ni pedo por el momento.</p>
+
+  <div class="art-nav">
+
+    <span class="index">
+      <a href="https://art.luevano.xyz" alt="Index">
+        <i class="fas fa-home" alt="Home"></i>
+        <span>Index</span>
+      </a>
+    </span>
+
+</div>
+
+
+  <hr>
+  <div class="art-info">
+    <p>By: David Luévano</p>
+    <p>Posted: Sun, Jun 06, 2021 @ 18:55 UTC</p>
+    <div class="art-tags">
+  <p>Tags:
+<a href="https://art.luevano.xyz/tag/@black-white.html">black-white</a>, <a href="https://art.luevano.xyz/tag/@digital.html">digital</a>, <a href="https://art.luevano.xyz/tag/@drawing.html">drawing</a>, <a href="https://art.luevano.xyz/tag/@spanish.html">spanish</a>  </p>
+</div>
+
+  </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>
+
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a target="_blank" href="https://art.luevano.xyz/rss.xml">RSS</a>
+      </span>
+
+      <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
+
+      <br>
+      <span class="copyright">
+        Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
+    </footer>
+  </body>
+</html>
+\ No newline at end of file
diff --git a/art/dst/index.html b/art/dst/index.html
new file mode 100644
index 0000000..b8105f4
--- /dev/null
+++ b/art/dst/index.html
@@ -0,0 +1,124 @@
+<!DOCTYPE html>
+<html class="theme-dark" lang="en"
+  prefix="og: https://ogp.me/ns#">
+  <head>
+    <base href="https://static.luevano.xyz">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Index -- Luévano's Art</title>
+    <meta name="description" content"My personal space where I post all my drawings, sketches and more art related stuff."/>
+    <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/theme.css">
+
+    <!-- og meta -->
+  <meta property="og:title" content="Index -- Luévano's Art"/>
+  <meta property="og:type" content="article"/>
+  <meta property="og:url" content="https://art.luevano.xyz/index.html"/>
+  <meta property="og:image" content="https://static.luevano.xyz/images/a/default.png"/>
+  <meta property="og:description" content="My personal space where I post all my drawings, sketches, and more art related stuff."/>
+  <meta property="og:locale" content="en"/>
+  <meta property="og:site_name" content="Luévano's Art"/>
+  </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>
+
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
+    </header>
+
+    <main class="art">
+  <h1>Index -- Luévano'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>
+
+  <p>
+  Get the RSS feed: <a target="_blank" href="https://art.luevano.xyz/rss.xml">https://art.luevano.xyz/rss.xml</a>
+  </p>
+
+  <div class="art-tags">
+  <p>Tags:
+<a href="https://art.luevano.xyz/tag/@black-white.html">black-white</a>, <a href="https://art.luevano.xyz/tag/@digital.html">digital</a>, <a href="https://art.luevano.xyz/tag/@drawing.html">drawing</a>, <a href="https://art.luevano.xyz/tag/@spanish.html">spanish</a>  </p>
+</div>
+
+
+  <div class="art-grid">
+      <a class="zoom-in " href="https://art.luevano.xyz/a/elephant_octopus.html" alt="Elephant octopus">
+  <img src="https://static.luevano.xyz/images/a/elephant_octopus.png" alt="Elephant octopus">
+</a>
+
+</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>
+
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a target="_blank" href="https://art.luevano.xyz/rss.xml">RSS</a>
+      </span>
+
+      <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
+
+      <br>
+      <span class="copyright">
+        Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
+    </footer>
+  </body>
+</html>
+\ No newline at end of file
diff --git a/art/dst/rss.xml b/art/dst/rss.xml
new file mode 100644
index 0000000..e6c04a5
--- /dev/null
+++ b/art/dst/rss.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<rss version="2.0"
+  xml:base="https://static.luevano.xyz"
+  xmlns:atom="http://www.w3.org/2005/Atom"
+  xmlns:content="http://purl.org/rss/1.0/modules/content/">
+  <channel>
+    <title>Luévano's Art</title>
+    <link>https://art.luevano.xyz</link>
+    <atom:link href="https://art.luevano.xyz/rss.xml" rel="self" type="application/rss+xml"/>
+    <description>A personal collection of drawings, sketches and more art related stuff.</description>
+    <language>en-us</language>
+    <category>Art</category>
+    <copyright>Copyright 2021 David Luévano Alvarado</copyright>
+    <managingEditor>david@luevano.xyz (David Luévano Alvarado)</managingEditor>
+    <webMaster>david@luevano.xyz (David Luévano Alvarado)</webMaster>
+    <pubDate>Sun, 06 Jun 2021 18:56:17 GMT</pubDate>
+    <lastBuildDate>Sun, 06 Jun 2021 18:56:17 GMT</lastBuildDate>
+    <generator>pyssg v0.5.7</generator>
+    <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
+    <ttl>30</ttl>
+    <image>
+      <url>https://static.luevano.xyz/images/a/default.png</url>
+      <title>Luévano's Art</title>
+      <link>https://art.luevano.xyz</link>
+    </image>
+    <item>
+      <title>Elephant octopus</title>
+      <link>https://art.luevano.xyz/a/elephant_octopus.html</link>
+      <guid isPermaLink="true">https://art.luevano.xyz/a/elephant_octopus.html</guid>
+      <pubDate>Sun, 06 Jun 2021 18:55:55 GMT</pubDate>
+      <category>Black-white</category>
+      <category>Digital</category>
+      <category>Drawing</category>
+      <category>Spanish</category>
+      <description>Dibujo en digital de una combinación de elefante y pulpo.</description>
+      <content:encoded><![CDATA[<p>El último dibujo que he hecho, justo para probar la tableta que me compré y de pasada usarlo para estrenar esta nueva sección de la página.</p>
+<p>Duré más de lo que hubiera querido y de hecho se nota que le fui bajando la calidad mientras más pasaba el tiempo, pero así nomás quedó.</p>
+<p>Como side note, debí haberlo <em>firmado</em>, pero la neta se me roló porque no estoy acostumbrado, así que ni pedo por el momento.</p>]]></content:encoded>
+    </item>
+  </channel>
+</rss>
+\ No newline at end of file
diff --git a/art/dst/sitemap.xml b/art/dst/sitemap.xml
new file mode 100644
index 0000000..66d1a15
--- /dev/null
+++ b/art/dst/sitemap.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+   xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+    <url>
+      <loc>https://art.luevano.xyz/a/elephant_octopus.html</loc>
+      <lastmod>2021-06-06</lastmod>
+      <changefreq>weekly</changefreq>
+      <priority>1.0</priority>
+    </url>
+
+    <url>
+      <loc>https://art.luevano.xyz/tag/@black-white.html</loc>
+      <lastmod>2021-06-06</lastmod>
+      <changefreq>daily</changefreq>
+      <priority>0.5</priority>
+    </url>
+    <url>
+      <loc>https://art.luevano.xyz/tag/@digital.html</loc>
+      <lastmod>2021-06-06</lastmod>
+      <changefreq>daily</changefreq>
+      <priority>0.5</priority>
+    </url>
+    <url>
+      <loc>https://art.luevano.xyz/tag/@drawing.html</loc>
+      <lastmod>2021-06-06</lastmod>
+      <changefreq>daily</changefreq>
+      <priority>0.5</priority>
+    </url>
+    <url>
+      <loc>https://art.luevano.xyz/tag/@spanish.html</loc>
+      <lastmod>2021-06-06</lastmod>
+      <changefreq>daily</changefreq>
+      <priority>0.5</priority>
+    </url>
+</urlset>
+\ No newline at end of file
diff --git a/art/dst/tag/@black-white.html b/art/dst/tag/@black-white.html
new file mode 100644
index 0000000..f1dc49c
--- /dev/null
+++ b/art/dst/tag/@black-white.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html class="theme-dark" lang="en"
+  prefix="og: https://ogp.me/ns#">
+  <head>
+    <base href="https://static.luevano.xyz">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Art filtered by black-white -- Luévano's Art</title>
+    <meta name="description" content"Art filtered by black-white"/>
+    <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/theme.css">
+
+    <!-- og meta -->
+  <meta property="og:title" content="Art filtered by black-white -- Luévano's Art"/>
+  <meta property="og:type" content="article"/>
+  <meta property="og:url" content="https://art.luevano.xyz/tag/@black-white.html"/>
+  <meta property="og:image" content="https://static.luevano.xyz/images/a/default.png"/>
+  <meta property="og:description" content="Art filtered by black-white."/>
+  <meta property="og:locale" content="en"/>
+  <meta property="og:site_name" content="Luévano's Art"/>
+  </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>
+
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
+    </header>
+
+    <main class="art">
+  <h1>Art filtered by black-white</h1>
+
+  <div class="art-grid">
+      <a class="zoom-in " href="https://art.luevano.xyz/a/elephant_octopus.html" alt="Elephant octopus">
+  <img src="https://static.luevano.xyz/images/a/elephant_octopus.png" alt="Elephant octopus">
+</a>
+
+</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>
+
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a target="_blank" href="https://art.luevano.xyz/rss.xml">RSS</a>
+      </span>
+
+      <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
+
+      <br>
+      <span class="copyright">
+        Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
+    </footer>
+  </body>
+</html>
+\ No newline at end of file
diff --git a/art/dst/tag/@digital.html b/art/dst/tag/@digital.html
new file mode 100644
index 0000000..761d7ba
--- /dev/null
+++ b/art/dst/tag/@digital.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html class="theme-dark" lang="en"
+  prefix="og: https://ogp.me/ns#">
+  <head>
+    <base href="https://static.luevano.xyz">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Art filtered by digital -- Luévano's Art</title>
+    <meta name="description" content"Art filtered by digital"/>
+    <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/theme.css">
+
+    <!-- og meta -->
+  <meta property="og:title" content="Art filtered by digital -- Luévano's Art"/>
+  <meta property="og:type" content="article"/>
+  <meta property="og:url" content="https://art.luevano.xyz/tag/@digital.html"/>
+  <meta property="og:image" content="https://static.luevano.xyz/images/a/default.png"/>
+  <meta property="og:description" content="Art filtered by digital."/>
+  <meta property="og:locale" content="en"/>
+  <meta property="og:site_name" content="Luévano's Art"/>
+  </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>
+
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
+    </header>
+
+    <main class="art">
+  <h1>Art filtered by digital</h1>
+
+  <div class="art-grid">
+      <a class="zoom-in " href="https://art.luevano.xyz/a/elephant_octopus.html" alt="Elephant octopus">
+  <img src="https://static.luevano.xyz/images/a/elephant_octopus.png" alt="Elephant octopus">
+</a>
+
+</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>
+
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a target="_blank" href="https://art.luevano.xyz/rss.xml">RSS</a>
+      </span>
+
+      <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
+
+      <br>
+      <span class="copyright">
+        Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
+    </footer>
+  </body>
+</html>
+\ No newline at end of file
diff --git a/art/dst/tag/@drawing.html b/art/dst/tag/@drawing.html
new file mode 100644
index 0000000..f0d089c
--- /dev/null
+++ b/art/dst/tag/@drawing.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html class="theme-dark" lang="en"
+  prefix="og: https://ogp.me/ns#">
+  <head>
+    <base href="https://static.luevano.xyz">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Art filtered by drawing -- Luévano's Art</title>
+    <meta name="description" content"Art filtered by drawing"/>
+    <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/theme.css">
+
+    <!-- og meta -->
+  <meta property="og:title" content="Art filtered by drawing -- Luévano's Art"/>
+  <meta property="og:type" content="article"/>
+  <meta property="og:url" content="https://art.luevano.xyz/tag/@drawing.html"/>
+  <meta property="og:image" content="https://static.luevano.xyz/images/a/default.png"/>
+  <meta property="og:description" content="Art filtered by drawing."/>
+  <meta property="og:locale" content="en"/>
+  <meta property="og:site_name" content="Luévano's Art"/>
+  </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>
+
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
+    </header>
+
+    <main class="art">
+  <h1>Art filtered by drawing</h1>
+
+  <div class="art-grid">
+      <a class="zoom-in " href="https://art.luevano.xyz/a/elephant_octopus.html" alt="Elephant octopus">
+  <img src="https://static.luevano.xyz/images/a/elephant_octopus.png" alt="Elephant octopus">
+</a>
+
+</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>
+
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a target="_blank" href="https://art.luevano.xyz/rss.xml">RSS</a>
+      </span>
+
+      <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
+
+      <br>
+      <span class="copyright">
+        Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
+    </footer>
+  </body>
+</html>
+\ No newline at end of file
diff --git a/art/dst/tag/@spanish.html b/art/dst/tag/@spanish.html
new file mode 100644
index 0000000..147e8eb
--- /dev/null
+++ b/art/dst/tag/@spanish.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html class="theme-dark" lang="en"
+  prefix="og: https://ogp.me/ns#">
+  <head>
+    <base href="https://static.luevano.xyz">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Art filtered by spanish -- Luévano's Art</title>
+    <meta name="description" content"Art filtered by spanish"/>
+    <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/theme.css">
+
+    <!-- og meta -->
+  <meta property="og:title" content="Art filtered by spanish -- Luévano's Art"/>
+  <meta property="og:type" content="article"/>
+  <meta property="og:url" content="https://art.luevano.xyz/tag/@spanish.html"/>
+  <meta property="og:image" content="https://static.luevano.xyz/images/a/default.png"/>
+  <meta property="og:description" content="Art filtered by spanish."/>
+  <meta property="og:locale" content="en"/>
+  <meta property="og:site_name" content="Luévano's Art"/>
+  </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>
+
+      <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
+    </header>
+
+    <main class="art">
+  <h1>Art filtered by spanish</h1>
+
+  <div class="art-grid">
+      <a class="zoom-in " href="https://art.luevano.xyz/a/elephant_octopus.html" alt="Elephant octopus">
+  <img src="https://static.luevano.xyz/images/a/elephant_octopus.png" alt="Elephant octopus">
+</a>
+
+</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>
+
+      <span>
+        <i class="fas fa-rss" alt="RSS"></i>
+        <a target="_blank" href="https://art.luevano.xyz/rss.xml">RSS</a>
+      </span>
+
+      <br>
+      <span class="created-with">
+        <i class="fas fa-hammer" alt="Hammer"></i>
+        Created with <a href="https://github.com/luevano/pyssg">pyssg</a>
+      </span>
+
+      <br>
+      <span class="copyright">
+        Copyright <i class="far fa-copyright" alt="Copyright"></i> 2021 David Luévano Alvarado
+      </span>
+    </footer>
+  </body>
+</html>
+\ No newline at end of file
diff --git a/art/plt/art_entry.html b/art/plt/art_entry.html
new file mode 100644
index 0000000..1790025
--- /dev/null
+++ b/art/plt/art_entry.html
@@ -0,0 +1,5 @@
+{%macro print(page, class='')%}
+<a class="zoom-in {{class}}" href="{{page.url}}" alt="{{page.title}}">
+  <img src="{{page.image_url}}" alt="{{page.title}}">
+</a>
+{%endmacro%}
diff --git a/art/plt/art_nav.html b/art/plt/art_nav.html
new file mode 100644
index 0000000..0b69fb2
--- /dev/null
+++ b/art/plt/art_nav.html
@@ -0,0 +1,28 @@
+{%macro print(page, config)%}
+<div class="art-nav">
+  {%if page.next is not none%}
+    <span class="next">
+      <a href="{{page.next.url}}" alt="Next">
+        <i class="fas fa-arrow-left" alt="Arrow left"></i>
+        <span>Next</span>
+      </a>
+    </span>
+  {%endif%}
+
+    <span class="index">
+      <a href="{{config.url}}" alt="Index">
+        <i class="fas fa-home" alt="Home"></i>
+        <span>Index</span>
+      </a>
+    </span>
+
+  {%if page.previous is not none%}
+    <span class="previous">
+      <a href="{{page.previous.url}}" alt="Previous">
+        <i class="fas fa-arrow-right" alt="Arrow right"></i>
+        <span>Previous</span>
+      </a>
+    </span>
+  {%endif%}
+</div>
+{%endmacro%}
diff --git a/art/plt/base.html b/art/plt/base.html
index 5fe0244..411b410 100644
--- a/art/plt/base.html
+++ b/art/plt/base.html
@@ -15,14 +15,9 @@
     <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">
 
-    <!-- highlight support for code blocks -->
-    <script type="text/javascript" src="hl/highlight.min.js"></script>
-    <script type="text/javascript">hljs.initHighlightingOnLoad();</script>
-
     <!-- theme related -->
     <script type="text/javascript" src="scripts/theme.js"></script>
     <link id="theme-css" rel="stylesheet" type="text/css" href="css/theme.css">
-    <link id="code-theme-css" rel="stylesheet" type="text/css" href="hl/styles/nord.min.css">
 
     <!-- og meta -->
     {%block head_og%}{%endblock head_og%}
@@ -65,7 +60,7 @@
       <button class="theme-switcher" onclick="toggleTheme()"><i class="fas fa-moon"></i><i class="fas fa-sun"></i></button>
     </header>
 
-    <main>
+    <main class="art">
       {%block content%}{%endblock content%}
     </main>
 
@@ -82,7 +77,7 @@
 
       <span>
         <i class="fas fa-rss" alt="RSS"></i>
-        <a target="_blank" href="https://blog.luevano.xyz/rss.xml">RSS</a>
+        <a target="_blank" href="https://art.luevano.xyz/rss.xml">RSS</a>
       </span>
 
       <br>
diff --git a/art/plt/index.html b/art/plt/index.html
index 5b1c9e1..a283ffc 100644
--- a/art/plt/index.html
+++ b/art/plt/index.html
@@ -1,13 +1,13 @@
 {%extends "base.html"%}
 {%block html_lang%}en{%endblock html_lang%}
 {%block head_title%}Index{%endblock head_title%}
-{%block head_description%}My personal blog where I post about my thoughts, some how-to's, or general ranting.{%endblock head_description%}
+{%block head_description%}My personal space where I post all my drawings, sketches and more art related stuff.{%endblock head_description%}
 {%block head_og%}
   <meta property="og:title" content="Index -- {{config.title}}"/>
   <meta property="og:type" content="article"/>
   <meta property="og:url" content="{{config.url}}/index.html"/>
   <meta property="og:image" content="{{config.static_url}}{{config.default_image_url}}"/>
-  <meta property="og:description" content="My personal blog where I post about my thoughts, some how-to's, or general ranting."/>
+  <meta property="og:description" content="My personal space where I post all my drawings, sketches, and more art related stuff."/>
   <meta property="og:locale" content="en"/>
   <meta property="og:site_name" content="{{config.title}}"/>
 {%endblock head_og%}
@@ -15,7 +15,7 @@
   <h1>Index -- {{config.title}}</h1>
 
   <p>
-  Welcome to my blog where I'll post whatever I please, ranging from rants to how-to's. Además, este pex va a estar en español e inglés porque quiero (no una mezcla en cada entrada, pero sí entradas completas en diferentes lenguajes).
+  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>
 
   <p>
diff --git a/art/plt/page.html b/art/plt/page.html
index dbb2734..55a0c90 100644
--- a/art/plt/page.html
+++ b/art/plt/page.html
@@ -14,15 +14,19 @@
 {%block content%}
   <h1>{{page.title}}</h1>
 
+  <a class="zoom-in" href="{{page.image_url}}" alt="See raw.">
+    <img src="{{page.image_url}}" alt="{{page.summary}}">
+  </a>
+
   {{page.content}}
 
+  {%import "art_nav.html" as art_nav%}
+  {{art_nav.print(page, config)}}
+
   <hr>
-  <div class="article-info">
-    <p>By {{page.author}}</p>
-    <p>Created: {{page.cdate}}</p>
-    {%if page.mdate is not none%}
-      <p>Modified: {{page.mdate}}</p>
-    {%endif%}
+  <div class="art-info">
+    <p>By: {{page.author}}</p>
+    <p>Posted: {{page.cdate}}</p>
     {%import "tag_list.html" as tag_list%}
     {{tag_list.print(page.tags)}}
   </div>
diff --git a/art/plt/page_list.html b/art/plt/page_list.html
index bd1f678..8cdebd8 100644
--- a/art/plt/page_list.html
+++ b/art/plt/page_list.html
@@ -1,15 +1,22 @@
 {%macro print(pages)%}
-  <h2>Articles</h2>
-  <ul class="page-list">
-    {%for p in pages%}
-      {%if loop.previtem%}
-        {%if loop.previtem.cdate_list_sep !=p.cdate_list_sep%}
-          <h3>{{p.cdate_list_sep}}</h3>
-        {%endif%}
+{%import "art_entry.html" as art_entry%}
+<div class="art-grid">
+  {%for p in pages%}
+    {%if p.meta['tall'] is defined%}
+      {%if p.meta['wide'] is defined%}
+        {{art_entry.print(p, 'tall wide')}}
       {%else%}
-        <h3>{{p.cdate_list_sep}}</h3>
+        {{art_entry.print(p, 'tall')}}
       {%endif%}
-      <li>{{p.cdate_list}} - <a href="{{p.url}}">{{p.title}}</a></li>
-    {%endfor%}
-  </ul>
+    {%elif p.meta['wide'] is defined%}
+      {%if p.meta['tall'] is defined%}
+        {{art_entry.print(p, 'tall wide')}}
+      {%else%}
+        {{art_entry.print(p, 'tall')}}
+      {%endif%}
+    {%else%}
+      {{art_entry.print(p)}}
+    {%endif%}
+  {%endfor%}
+</div>
 {%endmacro%}
diff --git a/art/plt/rss.xml b/art/plt/rss.xml
index 5ce541d..c119daf 100644
--- a/art/plt/rss.xml
+++ b/art/plt/rss.xml
@@ -7,9 +7,9 @@
     <title>{{config.title}}</title>
     <link>{{config.url}}</link>
     <atom:link href="{{config.url}}/rss.xml" rel="self" type="application/rss+xml"/>
-    <description>A personal weblog ranging from rants to how to's and other thoughts.</description>
+    <description>A personal collection of drawings, sketches and more art related stuff.</description>
     <language>en-us</language>
-    <category>Blog</category>
+    <category>Art</category>
     <copyright>Copyright 2021 David Luévano Alvarado</copyright>
     <managingEditor>david@luevano.xyz (David Luévano Alvarado)</managingEditor>
     <webMaster>david@luevano.xyz (David Luévano Alvarado)</webMaster>
@@ -19,7 +19,7 @@
     <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
     <ttl>30</ttl>
     <image>
-      <url>{{config.static_url}}/images/blog.png</url>
+      <url>{{config.static_url}}/images/a/default.png</url>
       <title>{{config.title}}</title>
       <link>{{config.url}}</link>
     </image>
diff --git a/art/plt/tag.html b/art/plt/tag.html
index d379590..f3d5999 100644
--- a/art/plt/tag.html
+++ b/art/plt/tag.html
@@ -1,18 +1,18 @@
 {%extends "base.html"%}
 {%block html_lang%}en{%endblock html_lang%}
-{%block head_title%}Posts filtered by {{tag[0]}}{%endblock head_title%}
-{%block head_description%}Posts filtered by {{tag[0]}}{%endblock head_description%}
+{%block head_title%}Art filtered by {{tag[0]}}{%endblock head_title%}
+{%block head_description%}Art filtered by {{tag[0]}}{%endblock head_description%}
 {%block head_og%}
-  <meta property="og:title" content="Posts filtered by {{tag[0]}} -- {{config.title}}"/>
+  <meta property="og:title" content="Art filtered by {{tag[0]}} -- {{config.title}}"/>
   <meta property="og:type" content="article"/>
   <meta property="og:url" content="{{tag[1]}}"/>
   <meta property="og:image" content="{{config.static_url}}{{config.default_image_url}}"/>
-  <meta property="og:description" content="Posts filtered by {{tag[0]}}."/>
+  <meta property="og:description" content="Art filtered by {{tag[0]}}."/>
   <meta property="og:locale" content="en"/>
   <meta property="og:site_name" content="{{config.title}}"/>
 {%endblock head_og%}
 {%block content%}
-  <h1>Posts filtered by {{tag[0]}}</h1>
+  <h1>Art filtered by {{tag[0]}}</h1>
 
   {%import "page_list.html" as page_list%}
   {{page_list.print(tag_pages)}}
diff --git a/art/plt/tag_list.html b/art/plt/tag_list.html
index 2dfb70c..b1d6f72 100644
--- a/art/plt/tag_list.html
+++ b/art/plt/tag_list.html
@@ -1,5 +1,5 @@
 {%macro print(tags)%}
-<div class="article-tags">
+<div class="art-tags">
   <p>Tags:
   {%for t in tags-%}
     <a href="{{t[1]}}">{{t[0]}}</a>{{", " if not loop.last else ""}}
diff --git a/art/pyssgrc b/art/pyssgrc
new file mode 100644
index 0000000..61d14d7
--- /dev/null
+++ b/art/pyssgrc
@@ -0,0 +1,10 @@
+SRC=src
+DST=dst
+PLT=plt
+URL=https://art.luevano.xyz
+STATIC_URL=https://static.luevano.xyz
+DEFAULT_IMAGE_URL=/images/a/default.png
+TITLE=Luévano's Art
+DATE_FORMAT=%a, %b %d, %Y @ %H:%M %Z
+LIST_DATE_FORMAT=%b %d
+LIST_SEP_DATE_FORMAT=%B %Y
diff --git a/art/src/.files b/art/src/.files
new file mode 100644
index 0000000..1c79ca1
--- /dev/null
+++ b/art/src/.files
@@ -0,0 +1,7 @@
+a/test1.md 1622992153.6939147 0.0 digital,drawing,english
+a/test3.md 1622992264.1187086 0.0 digital,drawing,spanish
+a/test6.md 1622992329.1495857 0.0 digital,drawing,spanish
+a/test5.md 1622992310.7793367 0.0 digital,drawing,spanish
+a/test2.md 1622992244.2984438 0.0 digital,drawing,spanish
+a/test4.md 1622992285.0989902 0.0 digital,drawing,spanish
+a/elephant_octopus.md 1623005755.256314 0.0 black-white,digital,drawing,spanish
diff --git a/art/src/a/elephant_octopus.md b/art/src/a/elephant_octopus.md
new file mode 100644
index 0000000..4f632ff
--- /dev/null
+++ b/art/src/a/elephant_octopus.md
@@ -0,0 +1,15 @@
+title: Elephant octopus
+author: David Luévano
+lang: es
+image_url: images/a/elephant_octopus.png
+summary: Dibujo en digital de una combinación de elefante y pulpo.
+tags: drawing
+	digital
+	black-white
+	spanish
+
+El último dibujo que he hecho, justo para probar la tableta que me compré y de pasada usarlo para estrenar esta nueva sección de la página.
+
+Duré más de lo que hubiera querido y de hecho se nota que le fui bajando la calidad mientras más pasaba el tiempo, pero así nomás quedó.
+
+Como side note, debí haberlo *firmado*, pero la neta se me roló porque no estoy acostumbrado, así que ni pedo por el momento.
author	David Luevano Alvarado <david@luevano.xyz>	2021-06-06 12:56:44 -0600
committer	David Luevano Alvarado <david@luevano.xyz>	2021-06-06 12:56:44 -0600
commit	403bcd7509498638b6e34d38eb29e1c3620917c9 (patch)
tree	b10d853a923a85d4bd981a5b301abd3c1f5a8a7f /art
parent	55cfef7fcaad7a657336b8be62508be9f631ff86 (diff)