ensl/ensl_gathers
0
0
Fork 0
mirror of https://github.com/ENSL/ensl_gathers.git synced 2024-11-10 07:11:53 +00:00
Code Issues Projects Releases Packages Wiki Activity

Halloweenify

Browse source
This commit is contained in:
Chris Blanchard 2015-10-30 10:57:23 +00:00
parent 7e4629fcb9
commit 94fc499446
5 changed files with 74 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
lib/react/settings.jsx Normal file
View file

@ -0,0 +1,34 @@
"use strict";
var SettingsPanel = React.createClass({
render() {
return (
<div className="modal fade" id="settingsmodal">
<div className="modal-dialog">
<div className="modal-content">
<div className="modal-header">
<button type="button" className="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 className="modal-title">Settings</h4>
</div>
<div className="modal-body" id="admin-menu">
<div className="checkbox">
<label className="checkbox-inline">
<input type="checkbox"
onChange={this.props.toggleUpdateTitle}
checked={this.props.updateTitle}/> Update Gather Status in Title (Cabooble Mode) - May require refresh
</label>
</div>
</div>
<div className="modal-footer">
<button type="button" className="btn btn-default"
data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
);
}
});

12
lib/react/sound.jsx
View file

@ -16,10 +16,18 @@ class SoundController {
if (storageAvailable("localStorage")) {
let volume = localStorage.getItem("gatherVolume");
if (volume !== undefined) Howler.volume(volume);
gatherMusic = localStorage.getItem("gatherMusic");
// Re-enable after halloween
// gatherMusic = localStorage.getItem("gatherMusic");
gatherMusic = "halloween";
localStorage.setItem("gatherMusic", gatherMusic);
}
this.tunes = {
// Remove after halloween
"halloween": {
description: "Halloween",
url: 'http://www.ensl.org/files/audio/halloween.mp3'
},
"classic": {
description: "Gathers Classic",
url: 'http://www.ensl.org/files/audio/gather-1.mp3'
@ -94,7 +102,7 @@ class SoundController {
}
defaultGatherMusic() {
return "robby";
return "halloween";
}
setupGatherMusic (musicName) {

29
public/css/app.css
View file

@ -2,6 +2,35 @@ html, body {
height: 100%;
}
/*Remove After Halloween*/
body {
background-color: #000;
background-image: url("/images/halloween.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.moon {
display: block;
position: absolute;
right: 2em;
top: 2em;
height: 200px;
width: 200px;
border-radius: 100%;
background: #ddd;
box-shadow: 0 0 50px gold,0 0 150px gold, inset 0 20px 20px 40px whitesmoke, inset 30px 0 35px 50px ivory;
transition: 2s;
z-index: -1;
}
/*Remove After Halloween*/
.panel {
opacity: 0.9;
}
#side-menu {
margin-top: 1em;
}

BIN
public/images/halloween.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.7 MiB

1
views/layouts/main.hbs
View file

@ -1,6 +1,7 @@
<html>
{{>head}}
<body>
<div class="moon"></div>
<div id="body_content">
{{{ body }}}
</div>