From 0231cbbcd7ae97c0317f9c243f8cdcfdea3983c3 Mon Sep 17 00:00:00 2001 From: Dorian Niemiec Date: Sun, 31 Mar 2024 17:19:25 +0200 Subject: [PATCH] Prepare for Autism Acceptance Day (2 April) --- .../svrjswebsite/layout/_partial/banner.ejs | 7 ++++++ themes/svrjswebsite/layout/layout.ejs | 1 + themes/svrjswebsite/source/css/main.css | 25 +++++++++++++++++++ 3 files changed, 33 insertions(+) create mode 100644 themes/svrjswebsite/layout/_partial/banner.ejs diff --git a/themes/svrjswebsite/layout/_partial/banner.ejs b/themes/svrjswebsite/layout/_partial/banner.ejs new file mode 100644 index 0000000..407b43c --- /dev/null +++ b/themes/svrjswebsite/layout/_partial/banner.ejs @@ -0,0 +1,7 @@ +<% var nowDate = new Date(); %> +<% if (nowDate.getDate() == 2 && nowDate.getMonth() == 4) { %> +
+ Today, SVR.JS goes #RedInstead
+ Support the Autistic Self Advocacy Network +
+<% } %> diff --git a/themes/svrjswebsite/layout/layout.ejs b/themes/svrjswebsite/layout/layout.ejs index 95693ce..ea00345 100644 --- a/themes/svrjswebsite/layout/layout.ejs +++ b/themes/svrjswebsite/layout/layout.ejs @@ -1,5 +1,6 @@ + <%- partial('_partial/banner.ejs') %> <%- partial('_partial/head.ejs') %> <%- partial('_partial/header.ejs') %> diff --git a/themes/svrjswebsite/source/css/main.css b/themes/svrjswebsite/source/css/main.css index b3b1bb5..c0e2291 100644 --- a/themes/svrjswebsite/source/css/main.css +++ b/themes/svrjswebsite/source/css/main.css @@ -305,6 +305,25 @@ pre { margin: 0 -0.588235em; } +.header-banner { + background-color: #007000; + color: #ffffff; + font-size: 1.1em; + padding: 0.325em; + text-align: center; + -webkit-box-shadow: 0 -3px 6px 0 inset rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 -3px 6px 0 inset rgba(0, 0, 0, 0.2); + box-shadow: 0 -3px 6px 0 inset rgba(0, 0, 0, 0.2); +} + +.header-banner a { + color: #ffffff; +} + +.header-banner a:hover { + color: #00ff00; +} + @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .headname { margin-top: 0.06em; @@ -381,6 +400,12 @@ pre { -moz-box-shadow: 0 4px 8px 0 rgba(127, 127, 127, 0.175); box-shadow: 0 4px 8px 0 rgba(127, 127, 127, 0.175); } + + .header-banner { + -webkit-box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2); + -moz-box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2); + box-shadow: 0 -3px 6px 0 inset rgba(127, 127, 127, 0.2); + } } @media screen and (max-width: 768px) {