From d6b85a8c718d0fb0f2ab3848086cf2124ca1a0d0 Mon Sep 17 00:00:00 2001 From: Alisa Sireneva Date: Thu, 10 Oct 2024 01:48:09 +0300 Subject: [PATCH] Add epilepsy warnings + better alt text formatting --- blog.css | 11 ++++++- blog/build.js | 12 +++++-- .../index.html | 6 ++-- .../index.md | 32 +++++++++---------- 4 files changed, 38 insertions(+), 23 deletions(-) diff --git a/blog.css b/blog.css index c982172..acfc982 100644 --- a/blog.css +++ b/blog.css @@ -96,7 +96,8 @@ pre code { .diagram { display: flex; - justify-content: center; + flex-direction: column; + align-items: center; margin-left: -7rem; margin-top: 1rem; margin-bottom: 1rem; @@ -106,6 +107,14 @@ pre code { max-width: 100%; height: auto; } +.epilepsy::before { + content: "This video contains flashes that might trigger seizures in people with photosensitive epilepsy. Stop watching if you experience any symptoms. For convenience, the title text for the video explains the action in prose."; + display: block; + background-color: #db4f37; + color: #ffffff; + padding: 1rem; + margin-bottom: 1rem; +} blockquote { border-left: 0.375rem solid #ed79a9; diff --git a/blog/build.js b/blog/build.js index ed5d93d..aa14401 100644 --- a/blog/build.js +++ b/blog/build.js @@ -146,17 +146,23 @@ html = html.replace( .replace(/

(.*?)<\/h3>\s*