Automate the background
This commit is contained in:
parent
b9769de240
commit
8c4d2dfb03
|
@ -60,13 +60,9 @@ tests locally:
|
|||
|
||||
## TODOs
|
||||
|
||||
1. Re-visit this TODO list because it doesn't seem like I'm gunna
|
||||
bother with all new posts flagged mode lmao. There's a CAPTCHA now
|
||||
so it's not as painfully open...
|
||||
1. Automate the holiday backgrounds with JS
|
||||
1. Test JS with LibreJS or something like that (I don't like RMS I
|
||||
just want free JS!!)
|
||||
1. "All new posts flagged" mode (require approval for new posts)
|
||||
1. Tests for mod-only user?
|
||||
|
||||
## Crazy future ideas
|
||||
|
|
|
@ -28,14 +28,6 @@
|
|||
|
||||
body {
|
||||
background-image: url('/images/background_stars_anm.gif');
|
||||
/* Was feelin this for September idk */
|
||||
/* background-image: url('/images/topwwbackground.gif'); */
|
||||
/* Spooky time! */
|
||||
/* background-image: url('/images/halloween_background_1.gif'); */
|
||||
/* Winter/snow */
|
||||
/* background-image: url('/images/jwsfp1.gif'); */
|
||||
/* Christmas */
|
||||
/* background-image: url('/images/christmas.gif'); */
|
||||
width: 95vmin;
|
||||
margin: 0 auto;
|
||||
font-family: 'w95fa', sans-serif;
|
||||
|
|
23
public/js/background.js
Normal file
23
public/js/background.js
Normal file
|
@ -0,0 +1,23 @@
|
|||
const bodyStyle = document.body.style;
|
||||
|
||||
function setImage(url) {
|
||||
bodyStyle.backgroundImage = "url('" + url + "')";
|
||||
}
|
||||
|
||||
switch (new Date().getMonth()) {
|
||||
case 0:
|
||||
setImage('/images/jwsfp1.gif');
|
||||
break;
|
||||
case 3:
|
||||
setImage('/images/background2.gif');
|
||||
break;
|
||||
case 9:
|
||||
setImage('/images/halloween_background_1.gif');
|
||||
break;
|
||||
case 10:
|
||||
setImage('/images/topwwbackground.gif');
|
||||
break;
|
||||
case 11:
|
||||
setImage('/images/christmas.gif');
|
||||
break;
|
||||
}
|
|
@ -29,9 +29,10 @@
|
|||
content="<%= url_for('/images/logo.png')->to_abs %>">
|
||||
<meta name="twitter:image:alt"
|
||||
content="Post::Text logo; a small nerdy anime girl giving a V sign">
|
||||
<%= stylesheet '/css/elements.css' %>
|
||||
<%= stylesheet '/css/simple.css' %>
|
||||
<%= stylesheet '/css/nested.css' %>
|
||||
<%= stylesheet '/css/elements.css' %>
|
||||
<%= stylesheet '/css/simple.css' %>
|
||||
<%= stylesheet '/css/nested.css' %>
|
||||
<%= javascript '/js/background.js', defer => undef %>
|
||||
</head>
|
||||
<body>
|
||||
<header class="header">
|
||||
|
|
Loading…
Reference in a new issue