From 403bcd7509498638b6e34d38eb29e1c3620917c9 Mon Sep 17 00:00:00 2001
From: David Luevano Alvarado <david@luevano.xyz>
Date: Sun, 6 Jun 2021 12:56:44 -0600
Subject: finish base art page and upload first post
---
art/plt/art_entry.html | 5 +++++
art/plt/art_nav.html | 28 ++++++++++++++++++++++++++++
art/plt/base.html | 9 ++-------
art/plt/index.html | 6 +++---
art/plt/page.html | 16 ++++++++++------
art/plt/page_list.html | 29 ++++++++++++++++++-----------
art/plt/rss.xml | 6 +++---
art/plt/tag.html | 10 +++++-----
art/plt/tag_list.html | 2 +-
9 files changed, 75 insertions(+), 36 deletions(-)
create mode 100644 art/plt/art_entry.html
create mode 100644 art/plt/art_nav.html
(limited to 'art/plt')
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 ""}}
--
cgit v1.2.3-70-g09d2