diff options
Diffstat (limited to 'art/plt')
-rw-r--r-- | art/plt/art_entry.html | 5 | ||||
-rw-r--r-- | art/plt/art_nav.html | 28 | ||||
-rw-r--r-- | art/plt/base.html | 9 | ||||
-rw-r--r-- | art/plt/index.html | 6 | ||||
-rw-r--r-- | art/plt/page.html | 16 | ||||
-rw-r--r-- | art/plt/page_list.html | 29 | ||||
-rw-r--r-- | art/plt/rss.xml | 6 | ||||
-rw-r--r-- | art/plt/tag.html | 10 | ||||
-rw-r--r-- | art/plt/tag_list.html | 2 |
9 files changed, 75 insertions, 36 deletions
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 ""}} |