Move 2022, 2023 art to new server and misc updates

art/itch-banner.json

@@ -1,10 +0,0 @@
-{
-    "alt_text": "The words \"Dr. Frizzly's Mega Minigame Collection\" is written in 3D style font in many colors, sitting upon a maroon background with two characters to the side. One is Dr. Frizzly with a cat upon his head, and to the right is a unnamed girl looking at him.",
-    "characters": [
-        "Dr. Frizzly"
-    ],
-    "date": "2023-01-15",
-    "description": "This is the banner I did for my game jam entry, The 3D Mario-style logo was surprisingly difficult!",
-    "program": "Krita, Blender",
-    "title": "Dr. Frizzly's Logo and Banner"
-}

art/sakura-sheet.json

@@ -1,13 +0,0 @@
-{
-    "alt_text": "Drawing of a blonde-haired catgirl, doing an A-Pose. She has a red crop top and dark leggings.",
-    "characters": [
-        "Sakura"
-    ],
-    "date": "2023-07-01",
-    "mastodon_url": "https://mastodon.art/@redstrate/110646304883440696",
-    "program": "Krita",
-    "tags": [
-        "character sheet"
-    ],
-    "title": "Sakura Character Sheet"
-}

art/sakuraneo.json

@@ -1,10 +0,0 @@
-{
-    "alt_text": "A 3D model of Sakura, with her typical red tanktop and black leggings outfit.",
-    "date": "2023-09-11",
-    "program": "Blender",
-    "title": "Sakura Neo",
-    "tags": ["3D"],
-    "characters": [
-        "Sakura"
-    ]
-}

art/swordswoman-sheet.json

@@ -1,13 +0,0 @@
-{
-    "alt_text": "Several drawings of the same woman, front, side and rendered versions along with a palette. She has dark hair, a short dress and long socks.",
-    "characters": [
-        "Mysterious Swordswoman"
-    ],
-    "date": "2023-06-30",
-    "mastodon_url": "https://mastodon.art/@redstrate/110646304883440696",
-    "program": "Krita",
-    "tags": [
-        "character sheet"
-    ],
-    "title": "Mysterious Swordswoman Character Sheet"
-}

content/art/2023/itch-banner.md

@@ -1,12 +0,0 @@
----
-title: "Dr. Frizzly's Logo and Banner"
-date: 2023-01-15
-layout: art-detail
-filename: /art/itch-banner.webp
-alt_text: "The words \"Dr. Frizzly's Mega Minigame Collection\" is written in 3D style font in many colors, sitting upon a maroon background with two characters to the side. One is Dr. Frizzly with a cat upon his head, and to the right is a unnamed girl looking at him."
-slug: itch-banner
-characters:
-- Dr. Frizzly
-program: Krita, Blender
----
-This is the banner I did for my game jam entry, The 3D Mario-style logo was surprisingly difficult!

content/art/2023/sakura-sheet.md

@@ -1,14 +0,0 @@
----
-title: "Sakura Character Sheet"
-date: 2023-07-01
-layout: art-detail
-filename: /art/sakura-sheet.webp
-alt_text: "Drawing of a blonde-haired catgirl, doing an A-Pose. She has a red crop top and dark leggings."
-slug: sakura-sheet
-characters:
-- Sakura
-arttags:
-- character sheet
-mastodon_url: https://mastodon.art/@redstrate/110646304883440696
-program: Krita
----

content/art/2023/sakuraneo.md

@@ -1,13 +0,0 @@
----
-title: "Sakura Neo"
-date: 2023-09-11
-layout: art-detail
-filename: /art/sakuraneo.webp
-alt_text: "A 3D model of Sakura, with her typical red tanktop and black leggings outfit."
-slug: sakuraneo
-characters:
-- Sakura
-arttags:
-- 3d
-program: Blender
----

content/art/2023/swordswoman-sheet.md

@@ -1,14 +0,0 @@
----
-title: "Mysterious Swordswoman Character Sheet"
-date: 2023-06-30
-layout: art-detail
-filename: /art/swordswoman-sheet.webp
-alt_text: "Several drawings of the same woman, front, side and rendered versions along with a palette. She has dark hair, a short dress and long socks."
-slug: swordswoman-sheet
-characters:
-- Mysterious Swordswoman
-arttags:
-- character sheet
-mastodon_url: https://mastodon.art/@redstrate/110646304883440696
-program: Krita
----

content/art/stats/_index.md

@@ -1,14 +1,14 @@
 ---
 title: Stats
 layout: art-stats
-total: 226
+total: 222
 years:
 - year: 2019
   num: 60
 - year: 2022
   num: 47
 - year: 2023
-  num: 40
+  num: 36
 - year: 2020
   num: 29
 - year: 2021
@@ -23,32 +23,30 @@ years:
   num: 1
 characters:
 - name: Mysterious Swordswoman
-  num: 16
+  num: 15
 - name: Juritta
   num: 14
 - name: Merume
   num: 10
-- name: Sakura
-  num: 7
 - name: Asuka
   num: 6
 - name: Mari
   num: 6
+- name: Sakura
+  num: 5
 - name: Mythra
   num: 4
-- name: Dr. Frizzly
-  num: 3
 - name: Tifa
   num: 3
 - name: Knocky-chan
   num: 3
+- name: Byleth
+  num: 2
 tags:
 - name: technical
   num: 1
 - name: comic
   num: 2
-- name: character sheet
-  num: 2
 - name: animation
   num: 2
 - name: oil painting
@@ -62,7 +60,7 @@ tags:
 - name: drawpile
   num: 10
 - name: 3d
-  num: 19
+  num: 18
 - name: fan art
   num: 51
 - name: sketch

themes/red/layouts/_default/art-detail.html

@@ -6,25 +6,45 @@
     {{ end }}
     <hr>
 
-    {{ with resources.Get .Params.filename }}
-        {{ if $.Params.threed }}
-            {{ $cameraorbit := $.Params.orbit }}
-            {{ $cameratarget := $.Params.target }}
-            {{ $fov  := $.Params.fov }}
-            <model-viewer style="margin-top: 10px; margin-bottom: 10px;" class="gallery-img" alt="{{ $.Params.alt_text }}" title="{{ $.Params.alt_text }}" src="{{ .RelPermalink }}" shadow-intensity="1" camera-controls touch-action="pan-y" camera-orbit="{{ $cameraorbit }}" camera-target="{{ $cameratarget }}" field-of-view="{{ $fov }}"></model-viewer>
-        {{ else }}
-            {{ if $.Params.animation }}
-                <div style="text-align: center;">
-                    <video style="max-width: 100%" class="gallery-img" controls>
-                        <source src="{{ .RelPermalink }}" type="video/webm">
-                    </video>
-                </div>
+    {{ $month := 1 }}
+    {{ $year := 1 }}
+
+    {{ if .Params.date }}
+            {{ $split := split .Params.date "-" }}
+            {{ $year = int (index $split 0) }}
+            {{ $month = int (index $split 3) }}
+    {{ end }}
+
+    {{ if and (ge (int $year) 2023) (and (not $.Params.animation) (not $.Params.threed) ) }}
+        {{ $full := printf "https://images.redstrate.com/art/%s.avif" $.Params.slug }}
+        {{ $jpeg := printf "https://images.redstrate.com/art/%s.jpg" $.Params.slug }}
+
+        <picture>
+                <source srcset="{{ $full }}" type="image/avif"/>
+                <img class="gallery-img" style="display: block; max-height: 1000px; margin-left: auto; margin-right: auto; width: auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%; height: auto" alt="{{ $.Params.alt_text }}" title="{{ $.Params.alt_text }}" src="{{ $jpeg }}"/>
+        </picture>
+    {{ else }}
+        {{ with resources.Get .Params.filename }}
+            {{ if $.Params.threed }}
+                {{ $cameraorbit := $.Params.orbit }}
+                {{ $cameratarget := $.Params.target }}
+                {{ $fov  := $.Params.fov }}
+                <model-viewer style="margin-top: 10px; margin-bottom: 10px;" class="gallery-img" alt="{{ $.Params.alt_text }}" title="{{ $.Params.alt_text }}" src="{{ .RelPermalink }}" shadow-intensity="1" camera-controls touch-action="pan-y" camera-orbit="{{ $cameraorbit }}" camera-target="{{ $cameratarget }}" field-of-view="{{ $fov }}"></model-viewer>
             {{ else }}
-                <img class="gallery-img" style="display: block; max-height: 1000px; margin-left: auto; margin-right: auto; width: auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%; height: auto" alt="{{ $.Params.alt_text }}" title="{{ $.Params.alt_text }}" src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}">
+                {{ if $.Params.animation }}
+                    <div style="text-align: center;">
+                        <video style="max-width: 100%" class="gallery-img" controls>
+                            <source src="{{ .RelPermalink }}" type="video/webm">
+                        </video>
+                    </div>
+                {{ else }}
+                    <img class="gallery-img" style="display: block; max-height: 1000px; margin-left: auto; margin-right: auto; width: auto; margin-top: 10px; margin-bottom: 10px; max-width: 100%; height: auto" alt="{{ $.Params.alt_text }}" title="{{ $.Params.alt_text }}" src="{{ .RelPermalink }}" width="{{ .Width }}" height="{{ .Height }}">
+                {{ end }}
             {{ end }}
         {{ end }}
     {{ end }}
 
+
     {{ partial "voting" . }}
 
     <table>

themes/red/layouts/partials/render-art.html

@@ -8,48 +8,62 @@
         {{ $base = "animation" }}
 {{ end }}
 
-{{ $full := resources.Get (printf "%s/%s.webp" $base .Params.slug) }}
+{{ $month := 1 }}
+{{ $year := 1 }}
+
+{{ if .Params.date }}
+        {{ $split := split .Params.date "-" }}
+        {{ $year = int (index $split 0) }}
+        {{ $month = int (index $split 3) }}
+{{ end }}
+
+{{ $use_newformat := false }}
+{{ if ge (int $year) 2023 }}
+        {{ $use_newformat = true }}
+{{ end }}
+
+{{ $full := "" }}
+{{ $jpeg := "" }}
+{{ if and $use_newformat (eq $base "art") }}
+        {{ $full = printf "https://images.redstrate.com/thumb/%s.avif" .Params.slug }}
+        {{ $jpeg = printf "https://images.redstrate.com/thumb/%s.jpg" .Params.slug }}
+{{ else }}
+        {{ $full = resources.Get (printf "%s/%s.webp" $base .Params.slug) }}
+{{ end }}
+
 {{ if $full }}
         {{ $filename_without_ext := .Params.slug }}
 
-        {{ $month := 1 }}
-        {{ $year := 1 }}
-
-        {{ if .Params.date }}
-                {{ $split := split .Params.date "-" }}
-                {{ $month = index $split 0 }}
-                {{ $year = index $split 3 }}
-        {{ end }}
-
         <a aria-label="Gallery Item" class="no-decoration grid-item" href="{{ .RelPermalink }}">
 
-        {{ $path := printf "/%s/%d/%.2d/%s" $base (int $year) (int $month) $filename_without_ext}}
-                {{ $title := .Params.title }}
-                {{ $image := (resources.Get (printf "%s/%s.webp" $base .Params.slug)).Resize "400x webp q90 drawing" }}
+        {{ $title := .Params.title }}
 
-                {{ if .Params.nsfw }}
-                        {{ $image = $image | images.Filter (images.GaussianBlur 6) (images.Pixelate 8) }}
+        {{ with $full }}
+                {{ if $.Params.threed }}
+                        {{ with resources.Get "3d.png" }}
+                                <img alt="Viewable 3D" title="Viewable 3D" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .RelPermalink }}">
+                        {{ end }}
                 {{ end }}
 
-                {{ with $image }}
-                        {{ if $.Params.threed }}
-                                {{ with resources.Get "3d.png" }}
-                                        <img alt="Viewable 3D" title="Viewable 3D" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .RelPermalink }}">
-                                {{ end }}
+                {{ if $.Params.animation }}
+                        {{ with resources.Get "play-circle.png" }}
+                                <img alt="Viewable Animation" title="Viewable Animation" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .RelPermalink }}">
                         {{ end }}
+                {{ end }}
 
-                        {{ if $.Params.animation }}
-                                {{ with resources.Get "play-circle.png" }}
-                                        <img alt="Viewable Animation" title="Viewable Animation" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .RelPermalink }}">
-                                {{ end }}
-                        {{ end }}
-
-                        <img style="width: 100%; height: auto;" width="{{ .Width }}" height="{{ .Height }}" alt="{{ $title }}" title="{{ $title }}" src="{{ .RelPermalink }}">
+                {{ if and $use_newformat (eq $base "art") }}
+                        <picture>
+                                <source srcset="{{ $full }}" type="image/avif"/>
+                                <img style="width: 100%; height: auto;" alt="{{ $title }}" title="{{ $title }}" src="{{ $jpeg }}"/>
+                        </picture>
                 {{ else }}
-                        <p>Thumbnail not found!</p>
+                        <img style="width: 100%; height: auto;" width="{{ .Width }}" height="{{ .Height }}" alt="{{ $title }}" title="{{ $title }}" src="{{ .RelPermalink }}">
                 {{ end }}
+        {{ else }}
+                <p>Thumbnail not found!</p>
+        {{ end }}
         </a>
 {{ else }}
-        <em>CANNOT FIND {{ .Params.slug }}</em>
+        <em>CANNOT FIND {{ .Params.slug }} {{ $use_newformat }}</em>
 {{ end }}