summaryrefslogtreecommitdiffstats
path: root/content
diff options
context:
space:
mode:
Diffstat (limited to 'content')
-rw-r--r--content/art/drawings/2022-ava-shading/index.md8
-rwxr-xr-x[-rw-r--r--]content/art/drawings/2022-ava-shading/pic.pngbin601222 -> 473946 bytes
-rwxr-xr-xcontent/art/drawings/2022-ava-shading/thumbnail.pngbin0 -> 165693 bytes
-rw-r--r--content/main.js16
-rw-r--r--content/notebook/index.md2
5 files changed, 23 insertions, 3 deletions
diff --git a/content/art/drawings/2022-ava-shading/index.md b/content/art/drawings/2022-ava-shading/index.md
index e3c4a10..9dcea6a 100644
--- a/content/art/drawings/2022-ava-shading/index.md
+++ b/content/art/drawings/2022-ava-shading/index.md
@@ -1,10 +1,12 @@
1--- 1---
2title: Avatar with shading 2title: Autumn Fox
3date: 2021-12-27 3date: 2022-02-25
4thumbnail: png 4thumbnail: png
5unlisted: true
6--- 5---
7 6
7First attempt at cel shading.
8It's actually incomplete, but I felt like I had hit a roadblock with the shading and wanted to try again with another drawing.
9
8::: figure 10::: figure
9![](pic.png) 11![](pic.png)
10::: 12:::
diff --git a/content/art/drawings/2022-ava-shading/pic.png b/content/art/drawings/2022-ava-shading/pic.png
index 5e7dcec..0689364 100644..100755
--- a/content/art/drawings/2022-ava-shading/pic.png
+++ b/content/art/drawings/2022-ava-shading/pic.png
Binary files differ
diff --git a/content/art/drawings/2022-ava-shading/thumbnail.png b/content/art/drawings/2022-ava-shading/thumbnail.png
new file mode 100755
index 0000000..dc39092
--- /dev/null
+++ b/content/art/drawings/2022-ava-shading/thumbnail.png
Binary files differ
diff --git a/content/main.js b/content/main.js
index 3257c39..760d40a 100644
--- a/content/main.js
+++ b/content/main.js
@@ -22,6 +22,7 @@
22(() => { 22(() => {
23 let currentIndex = 0; 23 let currentIndex = 0;
24 let visible = false; 24 let visible = false;
25 let mouseDown = false;
25 26
26 const mainEl = document.querySelector("main"); 27 const mainEl = document.querySelector("main");
27 const lightboxContainerEl = document.querySelector(".js-lightbox"); 28 const lightboxContainerEl = document.querySelector(".js-lightbox");
@@ -90,6 +91,21 @@
90 return thumbnailButtonEl; 91 return thumbnailButtonEl;
91 }); 92 });
92 93
94 document.addEventListener('mousedown', (e) => {
95 if (visible) {
96 mouseDown = !lightboxEl.contains(e.target) || lightboxEl === e.target;
97 }
98 });
99
100 document.addEventListener('click', (e) => {
101 if (visible && mouseDown) {
102 mouseDown = false;
103 e.preventDefault();
104 e.stopPropagation();
105 hide();
106 }
107 }, { capture: true });
108
93 window.addEventListener("keydown", e => { 109 window.addEventListener("keydown", e => {
94 if (e.defaultPrevented || !visible) { 110 if (e.defaultPrevented || !visible) {
95 return; 111 return;
diff --git a/content/notebook/index.md b/content/notebook/index.md
index b1e2d2a..2cebe5c 100644
--- a/content/notebook/index.md
+++ b/content/notebook/index.md
@@ -6,3 +6,5 @@ list_order: date_desc
6list_flatten: true 6list_flatten: true
7feed: true 7feed: true
8--- 8---
9
10Essays, notes, blogs, thoughts... all kinds of textual content.