Prepare for Autism Acceptance Day (2 April)

This commit is contained in:
Dorian Niemiec 2024-03-31 17:19:25 +02:00
parent 2dc8d6136b
commit 0231cbbcd7
3 changed files with 33 additions and 0 deletions

View file

@ -0,0 +1,7 @@
<% var nowDate = new Date(); %>
<% if (nowDate.getDate() == 2 && nowDate.getMonth() == 4) { %>
<div class="header-banner" style="background-color: #ff0000; color: #ffffff">
Today, SVR.JS goes <b>#RedInstead</b><br/>
<a href="https://autisticadvocacy.org/donate/">Support the Autistic Self Advocacy Network</a>
</div>
<% } %>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="<%= config.language %>"> <html lang="<%= config.language %>">
<%- partial('_partial/banner.ejs') %>
<%- partial('_partial/head.ejs') %> <%- partial('_partial/head.ejs') %>
<body> <body>
<%- partial('_partial/header.ejs') %> <%- partial('_partial/header.ejs') %>

View file

@ -305,6 +305,25 @@ pre {
margin: 0 -0.588235em; 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) { @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.headname { .headname {
margin-top: 0.06em; margin-top: 0.06em;
@ -381,6 +400,12 @@ pre {
-moz-box-shadow: 0 4px 8px 0 rgba(127, 127, 127, 0.175); -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); 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) { @media screen and (max-width: 768px) {