From 7d9bb5fee50561bdce8fe7440ae9d1b8aae48bd0 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 14 Jun 2022 20:35:37 +0200 Subject: Update --- content/art/drawings/2022-ava-shading/index.md | 8 +++++--- content/art/drawings/2022-ava-shading/pic.png | Bin 601222 -> 473946 bytes .../art/drawings/2022-ava-shading/thumbnail.png | Bin 0 -> 165693 bytes content/main.js | 16 ++++++++++++++++ content/notebook/index.md | 2 ++ 5 files changed, 23 insertions(+), 3 deletions(-) mode change 100644 => 100755 content/art/drawings/2022-ava-shading/pic.png create mode 100755 content/art/drawings/2022-ava-shading/thumbnail.png (limited to 'content') 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 @@ --- -title: Avatar with shading -date: 2021-12-27 +title: Autumn Fox +date: 2022-02-25 thumbnail: png -unlisted: true --- +First attempt at cel shading. +It's actually incomplete, but I felt like I had hit a roadblock with the shading and wanted to try again with another drawing. + ::: figure ![](pic.png) ::: diff --git a/content/art/drawings/2022-ava-shading/pic.png b/content/art/drawings/2022-ava-shading/pic.png old mode 100644 new mode 100755 index 5e7dcec..0689364 Binary files a/content/art/drawings/2022-ava-shading/pic.png and b/content/art/drawings/2022-ava-shading/pic.png 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 Binary files /dev/null and b/content/art/drawings/2022-ava-shading/thumbnail.png 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 @@ (() => { let currentIndex = 0; let visible = false; + let mouseDown = false; const mainEl = document.querySelector("main"); const lightboxContainerEl = document.querySelector(".js-lightbox"); @@ -90,6 +91,21 @@ return thumbnailButtonEl; }); + document.addEventListener('mousedown', (e) => { + if (visible) { + mouseDown = !lightboxEl.contains(e.target) || lightboxEl === e.target; + } + }); + + document.addEventListener('click', (e) => { + if (visible && mouseDown) { + mouseDown = false; + e.preventDefault(); + e.stopPropagation(); + hide(); + } + }, { capture: true }); + window.addEventListener("keydown", e => { if (e.defaultPrevented || !visible) { 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 list_flatten: true feed: true --- + +Essays, notes, blogs, thoughts... all kinds of textual content. -- cgit v1.2.3-54-g00ecf