Prepare for Autism Acceptance Day (2 April)
This commit is contained in:
parent
2dc8d6136b
commit
0231cbbcd7
3 changed files with 33 additions and 0 deletions
7
themes/svrjswebsite/layout/_partial/banner.ejs
Normal file
7
themes/svrjswebsite/layout/_partial/banner.ejs
Normal 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>
|
||||
<% } %>
|
|
@ -1,5 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="<%= config.language %>">
|
||||
<%- partial('_partial/banner.ejs') %>
|
||||
<%- partial('_partial/head.ejs') %>
|
||||
<body>
|
||||
<%- partial('_partial/header.ejs') %>
|
||||
|
|
|
@ -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) {
|
||||
|
|
Reference in a new issue