From 3b33b1fa138ba7b09a186fa84bb9063ff1bfb691 Mon Sep 17 00:00:00 2001 From: PhoneDroid <73050054+PhoneDroid@users.noreply.github.com> Date: Tue, 20 Feb 2024 13:41:50 -0500 Subject: [PATCH] Added diagram --- data/posts/CSS-Event-Listeners-Sparks.md | 1 + data/site.ts | 1 + {assets => static}/CSS Sparks.svg | 4 ++-- 3 files changed, 4 insertions(+), 2 deletions(-) rename {assets => static}/CSS Sparks.svg (78%) diff --git a/data/posts/CSS-Event-Listeners-Sparks.md b/data/posts/CSS-Event-Listeners-Sparks.md index 0b459e3..4e783af 100644 --- a/data/posts/CSS-Event-Listeners-Sparks.md +++ b/data/posts/CSS-Event-Listeners-Sparks.md @@ -65,6 +65,7 @@ To stop this cyclic hell and to get more use out of the technique we should consider the complementary event, in this case the user stopping to hover over the element. + \ No newline at end of file diff --git a/data/site.ts b/data/site.ts index 43cf0ec..91e40f6 100644 --- a/data/site.ts +++ b/data/site.ts @@ -1,4 +1,5 @@ export const site = { + title : 'JSLess' , description: 'Interactivity without JavaScript', // This should be a url to the static file you're using for your open graph image ogImage: 'https://fresh-blog.littlesticks.dev/og-image.png', diff --git a/assets/CSS Sparks.svg b/static/CSS Sparks.svg similarity index 78% rename from assets/CSS Sparks.svg rename to static/CSS Sparks.svg index 073b5e3..feb8aa6 100644 --- a/assets/CSS Sparks.svg +++ b/static/CSS Sparks.svg @@ -1,8 +1,8 @@ - + - Page Load.Element:hover { background : url('/API/OnHover/0') ;}User HoversOver Element/API/OnHover/0BrowserServerInjects UnhoverCSS Rule.Element:hover { background : url('/API/OnHover/0') ;}User StopsHovering/API/OnUnhover/0Injects HoverCSS Rule.Element { background : url('/API/OnUnhover/0') ;}.Element:hover { background : url('/API/OnHover/0') ;}.Element { background : url('/API/OnUnhover/0') ;}.Element:hover { background : url('/API/OnHover/1') ;}. . . \ No newline at end of file + Page Load.Element:hover { background : url('/API/OnHover/0') ;}User HoversOver Element/API/OnHover/0BrowserServerInjects UnhoverCSS Rule.Element:hover { background : url('/API/OnHover/0') ;}User StopsHovering/API/OnUnhover/0Injects HoverCSS Rule.Element { background : url('/API/OnUnhover/0') ;}.Element:hover { background : url('/API/OnHover/0') ;}.Element { background : url('/API/OnUnhover/0') ;}.Element:hover { background : url('/API/OnHover/1') ;}. . . \ No newline at end of file