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*