Compare commits
No commits in common. "gh-pages" and "arcanis-patch-1" have entirely different histories.
gh-pages
...
arcanis-pa
4 changed files with 45 additions and 254 deletions
|
|
@ -2,7 +2,6 @@ var SecretSanta = function () {
|
|||
|
||||
this.names = [];
|
||||
|
||||
this.enforced = Object.create( null );
|
||||
this.blacklists = Object.create( null );
|
||||
};
|
||||
|
||||
|
|
@ -16,14 +15,6 @@ SecretSanta.prototype.add = function ( name ) {
|
|||
|
||||
var subapi = { };
|
||||
|
||||
subapi.enforce = function ( other ) {
|
||||
|
||||
this.enforced[ name ] = other;
|
||||
|
||||
return subapi;
|
||||
|
||||
}.bind( this );
|
||||
|
||||
subapi.blacklist = function ( other ) {
|
||||
|
||||
if ( ! Object.prototype.hasOwnProperty.call( this.blacklists, name ) )
|
||||
|
|
@ -47,33 +38,12 @@ SecretSanta.prototype.generate = function () {
|
|||
|
||||
this.names.forEach( function ( name ) {
|
||||
|
||||
if ( Object.prototype.hasOwnProperty.call( this.enforced, name ) ) {
|
||||
var candidates = _.difference( this.names, [ name ] );
|
||||
|
||||
var enforced = this.enforced[ name ];
|
||||
if ( Object.prototype.hasOwnProperty.call( this.blacklists, name ) )
|
||||
candidates = _.difference( candidates, this.blacklists[ name ] );
|
||||
|
||||
if ( this.names.indexOf( enforced ) === -1 )
|
||||
throw new Error( name + ' is paired with ' + enforced + ', which hasn\'t been declared as a possible pairing' );
|
||||
|
||||
Object.keys( pairings ).forEach( function ( name ) {
|
||||
|
||||
if ( pairings[ name ] === enforced ) {
|
||||
throw new Error( 'Per your rules, multiple persons are paired with ' + enforced );
|
||||
}
|
||||
|
||||
} );
|
||||
|
||||
candidatePairings[ name ] = [ this.enforced[ name ] ];
|
||||
|
||||
} else {
|
||||
|
||||
var candidates = _.difference( this.names, [ name ] );
|
||||
|
||||
if ( Object.prototype.hasOwnProperty.call( this.blacklists, name ) )
|
||||
candidates = _.difference( candidates, this.blacklists[ name ] );
|
||||
|
||||
candidatePairings[ name ] = candidates;
|
||||
|
||||
}
|
||||
candidatePairings[ name ] = candidates;
|
||||
|
||||
}, this );
|
||||
|
||||
|
|
|
|||
BIN
assets/snow.png
BIN
assets/snow.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
130
index.html
130
index.html
|
|
@ -1,3 +1,4 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
|
@ -130,9 +131,9 @@
|
|||
}
|
||||
|
||||
.result-name {
|
||||
width: 30%;
|
||||
width: 20%;
|
||||
|
||||
padding: 5px 8px;
|
||||
padding-right: 5px 8px;
|
||||
}
|
||||
|
||||
.result-link {
|
||||
|
|
@ -151,34 +152,16 @@
|
|||
|
||||
<div class="main">
|
||||
|
||||
<div class="part" style="overflow-y: auto">
|
||||
<div class="part">
|
||||
<div class="instructions">
|
||||
<h1><img src="assets/mistletoe.png" style="vertical-align: middle" /> Secret Santa Generator</h1>
|
||||
<p>No signup, no email, no bullshit. Just a straightforward <a href="https://git.hostux.fr/louis/secretsanta" target="_blank">open-source</a> tool to help you generate your secret santa pairings. One static page, and that's it.</p>
|
||||
<p>In the most common case (no exclusion rules, pair each guest with another at random), enter the name of your guests one line at a time. Once done, press "generate" and you're all set: send the generated links to your guests (by mail, chat, whatever floats your boat) and their pairing will be revealed to them (and only them) once they open the link.</p>
|
||||
<p>No signup, no email, no bullshit. Just a straightforward <a href="https://github.com/arcanis/secretsanta">open-source</a> tool to help you generate your secret santa pairings. Static page only.</p>
|
||||
<p>The DSL that is used to set the pairing rules is dead simple: in the most common use case (no special rule, pair each guest to another), you just have to enter the name of your guests, one line at a time. Once done, press "generate" and voilà, you will get a set of links that you will just have to give to each one of them (by mail, chat, whatever float your boat). Once they access the link, their pairing will be revealed (to them and only them).</p>
|
||||
<p>Should you have more complex needs (for example if you want to prevent a couple from being paired together, or want to prevent someone to be paired with someone else they don't know), just append <code>!<name></code> after a guest name, and he will never be paired with <code><name></code> (check on the right for an example).</p>
|
||||
<h2>Where does this tool come from?</h2>
|
||||
<p>This tool has been <a href="https://git.hostux.fr/louis/secretsanta" target="_blank">forked</a> from <a href="https://github.com/arcanis/secretsanta" target="_blank">arcanis/secretsanta</a>. It is self-hosted on <a href="https://hostux.fr" target="_blank">hostux.fr</a>.</p>
|
||||
<h2>What about my privacy?</h2>
|
||||
<p>There is no backend, i.e. no data stored on my server! The links that are generated contain all the encrypted information.</p>
|
||||
<h2>How to use?</h2>
|
||||
<pre># You can add a user by adding a line
|
||||
Santa
|
||||
|
||||
# You can add some details if you want to, using parentheses after the name
|
||||
Nicholas (the elf)
|
||||
Nicholas (the elf|with a second line)
|
||||
|
||||
# You can prevent someone from being paired with someone else
|
||||
Maël !Aurélie
|
||||
Aurélie !Maël
|
||||
|
||||
You can also exclude someone from being paired with multiple people
|
||||
Careful: too many exclusion rules can make your secret santa less interesting!
|
||||
Rudolph !Santa !Nicholas (the elf)
|
||||
|
||||
You can also cheat a bit and force someone to be paired with another
|
||||
Nicholas (the saint) =Nicholas (the elf)
|
||||
...</pre>
|
||||
<p>I just wanted to make a Secret Santa over Facebook without giving up my guests email addresses to do so (so nothing that requires a backend). I also wanted to ignore who was paired with me, so I had to find a way to obfuscate it. And since I'm a developer, well, I just thought "Let's AES it, for fun and profits!". Classic.</p>
|
||||
<!-- <p>If you want to tip me, feel free to send me anything on the following Bitcoin address! I'll probably use it on some 3DS game (Fire Emblem, maybe?) :) Anyway, merry christmas!</p>
|
||||
<p><img src="assets/bitcoin.ico" style="vertical-align: middle" /> <a href="bitcoin:1HLgRVCGcXabWhMfdLazFVUWiH2W1kCDQK"><code>1HLgRVCGcXabWhMfdLazFVUWiH2W1kCDQK</code></a></p>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -194,21 +177,10 @@ Nicholas (the saint) =Nicholas (the elf)
|
|||
# You can add a user by adding a line
|
||||
Santa
|
||||
|
||||
# You can add some details if you want to, using parentheses after the name
|
||||
Nicholas (the elf)
|
||||
Nicholas (the elf|with a second line)
|
||||
|
||||
# You can prevent someone from being paired with someone else
|
||||
Maël !Aurélie
|
||||
Aurélie !Maël
|
||||
|
||||
# You can also exclude someone from being paired with multiple people
|
||||
# Careful: too many exclusion rules can make your secret santa less interesting!
|
||||
Rudolph !Santa !Nicholas (the elf)
|
||||
|
||||
# You can also cheat a bit and force someone to be paired with another
|
||||
Nicholas (the saint) =Nicholas (the elf)
|
||||
|
||||
...
|
||||
</script>
|
||||
|
||||
|
|
@ -216,23 +188,13 @@ Nicholas (the saint) =Nicholas (the elf)
|
|||
|
||||
<script>
|
||||
|
||||
function isAmazonEnabled() {
|
||||
|
||||
const checkBox = document.getElementById('amazon');
|
||||
|
||||
return checkBox ? checkBox.checked : false;
|
||||
|
||||
}
|
||||
|
||||
function persist() {
|
||||
|
||||
if ( ! window.localStorage )
|
||||
return ;
|
||||
|
||||
var amazon = isAmazonEnabled();
|
||||
var content = document.getElementById( 'input' ).value;
|
||||
|
||||
window.localStorage.setItem( 'amazon', amazon );
|
||||
window.localStorage.setItem( 'input', content );
|
||||
|
||||
}
|
||||
|
|
@ -242,17 +204,7 @@ Nicholas (the saint) =Nicholas (the elf)
|
|||
if ( ! window.localStorage )
|
||||
return ;
|
||||
|
||||
var amazon = window.localStorage.getItem( 'amazon' );
|
||||
var content = window.localStorage.getItem( 'input' );
|
||||
|
||||
if (typeof amazon === 'undefined')
|
||||
amazon = true;
|
||||
|
||||
if (typeof content === 'undefined')
|
||||
content = '';
|
||||
|
||||
if ( document.getElementById( 'amazon' ) )
|
||||
document.getElementById( 'amazon' ).checked = amazon;
|
||||
var content = window.localStorage.getItem( 'input' ) || '';
|
||||
|
||||
document.getElementById( 'input' ).value = content;
|
||||
|
||||
|
|
@ -296,7 +248,6 @@ Nicholas (the saint) =Nicholas (the elf)
|
|||
for ( var t = 0, T = names.length; t < T; ++ t ) {
|
||||
|
||||
var name = names[ t ];
|
||||
var prettyName = names[ t ].replace( /\([^)]+\)/g, ' ' ).replace( / +/g, ' ' ).trim();
|
||||
|
||||
var tr = document.createElement( 'tr' );
|
||||
tr.className = 'result-row';
|
||||
|
|
@ -317,37 +268,13 @@ Nicholas (the saint) =Nicholas (the elf)
|
|||
var encryptedPairing = CryptoJS.AES.encrypt( pairings[ name ], key );
|
||||
|
||||
var pairingPath = window.location.pathname.replace( /[^/]+$/, '' ) + 'pairing.html';
|
||||
var pairingQueryString = '?name=' + encodeURIComponent( prettyName ) + '&key=' + encodeURIComponent( key ) + '&pairing=' + encodeURIComponent( encryptedPairing );
|
||||
|
||||
if ( isAmazonEnabled() )
|
||||
pairingQueryString += '&extra=1';
|
||||
var pairingQueryString = '?name=' + encodeURIComponent( name ) + '&key=' + encodeURIComponent( key ) + '&pairing=' + encodeURIComponent( encryptedPairing );
|
||||
|
||||
tdName.innerText = name;
|
||||
|
||||
link.addEventListener( 'click', protect );
|
||||
link.setAttribute( 'data-name', name );
|
||||
link.href = window.location.protocol + '//' + window.location.host + pairingPath + pairingQueryString;
|
||||
link.target = '_blank';
|
||||
link.innerText = link.href;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function updateAmazon() {
|
||||
|
||||
var result = document.getElementById( 'result' );
|
||||
var links = result.getElementsByTagName( 'a' );
|
||||
|
||||
for ( var t = 0; t < links.length; ++t ) {
|
||||
|
||||
var link = links[t];
|
||||
|
||||
if ( isAmazonEnabled() )
|
||||
link.href += '&extra=1';
|
||||
else
|
||||
link.href = link.href.replace( /&extra=[01]/, '' );
|
||||
|
||||
link.innerText = link.href;
|
||||
|
||||
}
|
||||
|
|
@ -375,8 +302,8 @@ Nicholas (the saint) =Nicholas (the elf)
|
|||
// Strip empty lines
|
||||
content = content.replace( /\n+/g, '\n' );
|
||||
|
||||
// Remove leading/trailing newlines
|
||||
content = content.replace( /^\n|\n$/g, '' );
|
||||
// Remove trailing newline
|
||||
content = content.replace( /\n$/, '' );
|
||||
|
||||
var lines = content.split( /\n/g );
|
||||
|
||||
|
|
@ -387,31 +314,18 @@ Nicholas (the saint) =Nicholas (the elf)
|
|||
|
||||
for ( var t = 0, T = lines.length; t < T; ++ t ) {
|
||||
|
||||
var match = lines[ t ].match( /^((?:(?![!=]).)+)((?: [!=](?:(?! [!=]).)+)*)$/ );
|
||||
var match = lines[ t ].match( /^([^ ]+)(?: ((?:![^ ]+)(?: ![^ ]+)*))?$/ );
|
||||
|
||||
if ( ! match )
|
||||
return error( 'Syntax error: "' + lines[ t ] + '" isn\'t valid' );
|
||||
return error( 'Syntax error: "' + lines[ t ] + '" isn\'t a valid line' );
|
||||
|
||||
var name = match[ 1 ];
|
||||
var rules = match[ 2 ] ? match[ 2 ].match(/[!=][^!=]+/g) : null;
|
||||
var exclusions = match[ 2 ] ? match[ 2 ].replace( /!/g, '' ).split( / /g ) : [];
|
||||
|
||||
var person = santa.add( name );
|
||||
|
||||
if (rules) {
|
||||
|
||||
for ( var u = 0, U = rules.length; u < U; ++ u ) {
|
||||
|
||||
var fnName = {
|
||||
|
||||
'=': 'enforce',
|
||||
'!': 'blacklist'
|
||||
|
||||
}[ rules[ u ].charAt( 0 ) ];
|
||||
|
||||
person[ fnName ]( rules[ u ].slice( 1 ).trim() );
|
||||
|
||||
}
|
||||
|
||||
for ( var u = 0, U = exclusions.length; u < U; ++ u ) {
|
||||
person.blacklist( exclusions[ u ] );
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -441,12 +355,6 @@ Nicholas (the saint) =Nicholas (the elf)
|
|||
|
||||
document.getElementById( 'input' ).placeholder = document.getElementById( 'input-placeholder' ).innerHTML.trim().replace( /^[ \t]+/gm, '' );
|
||||
document.getElementById( 'input' ).addEventListener( 'change', persist );
|
||||
|
||||
if ( document.getElementById( 'amazon' ) ) {
|
||||
document.getElementById( 'amazon' ).addEventListener( 'change', updateAmazon );
|
||||
document.getElementById( 'amazon' ).addEventListener( 'change', persist );
|
||||
}
|
||||
|
||||
document.getElementById( 'form' ).addEventListener( 'submit', generate );
|
||||
|
||||
restore();
|
||||
|
|
|
|||
131
pairing.html
131
pairing.html
|
|
@ -25,71 +25,19 @@
|
|||
}
|
||||
|
||||
body {
|
||||
background: url(./assets/snow.png), url(./assets/santa.png), url(./assets/snow.png), radial-gradient(#FB3B3B, #EF3D3D);
|
||||
background-repeat: repeat, no-repeat, repeat, no-repeat;
|
||||
|
||||
animation-name: snow;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-timing-function: linear;
|
||||
background-image: url(assets/santa.png);
|
||||
background-position: bottom right;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
font-family: 'Comic Sans MS';
|
||||
}
|
||||
|
||||
@keyframes snow {
|
||||
from { background-position: 130px 40px, bottom right, 0 0, 0 0; }
|
||||
to { background-position: 130px 640px, bottom right, 0 300px, 0 0; }
|
||||
}
|
||||
|
||||
.spirit-of-christmas {
|
||||
display: block;
|
||||
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
padding: 20px;
|
||||
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.main {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.background {
|
||||
position: absolute;
|
||||
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
|
||||
background: repeating-linear-gradient(
|
||||
45deg,
|
||||
#5CC48A,
|
||||
#5CC48A 30px,
|
||||
#FFFFFF 30px,
|
||||
#FFFFFF 60px,
|
||||
#EF3D3D 60px,
|
||||
#EF3D3D 90px,
|
||||
#FFFFFF 90px,
|
||||
#FFFFFF 120px
|
||||
);
|
||||
|
||||
box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 40px;
|
||||
|
||||
background: #ffffff;
|
||||
margin: auto;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -98,24 +46,18 @@
|
|||
font-size: 30px;
|
||||
}
|
||||
|
||||
#pairing-name {
|
||||
.pairing {
|
||||
font-size: 90px;
|
||||
}
|
||||
|
||||
#pairing-details {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.affiliate {
|
||||
display: block;
|
||||
box-sizing: content-box;
|
||||
|
||||
margin-top: 40px;
|
||||
margin-top: 70px;
|
||||
|
||||
border: none;
|
||||
border: 10px solid #0CB50C;
|
||||
border-radius: 10px;
|
||||
|
||||
background: rgba(255, 255, 255, .7);
|
||||
}
|
||||
|
|
@ -126,16 +68,14 @@
|
|||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
<script>1
|
||||
|
||||
var queryString = _.chain( location.search.slice( 1 ).split( /&/g ) )
|
||||
.map( function ( item ) { if ( item ) return item.split( /=/ ).map( function ( str ) { return decodeURIComponent( str ); } ); } )
|
||||
.compact().object().value();
|
||||
|
||||
var name = queryString.name;
|
||||
|
||||
var pairing = CryptoJS.AES.decrypt( queryString.pairing, queryString.key ).toString(CryptoJS.enc.Utf8);
|
||||
var pairingDefinition = pairing.match( /^([^(]+)(?: \(([^)]+)\))?$/ );
|
||||
|
||||
</script>
|
||||
|
||||
|
|
@ -145,49 +85,22 @@
|
|||
|
||||
<div class="main">
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="content">
|
||||
<div class="content">
|
||||
|
||||
<h3 class="title">Hi <span id="name"></span>! You've been paired with</h3>
|
||||
<script>document.getElementById('name').innerText = name</script>
|
||||
|
||||
<div class="title">
|
||||
Hej <span id="name"></span>!<br>
|
||||
Your secret child is (drum roll<span id="drum-roll"></span>)
|
||||
</div>
|
||||
<script>document.getElementById('name').innerText = name</script>
|
||||
|
||||
<div class="pairing" id="pairing-box">
|
||||
<div id="pairing-name"></div>
|
||||
<div id="pairing-details"></div>
|
||||
<script>
|
||||
document.getElementById('pairing-name').innerText = pairingDefinition[1];
|
||||
|
||||
if (pairingDefinition[2]) {
|
||||
document.getElementById('pairing-details').innerHTML = pairingDefinition[2].replace(/\|/g, '<br>');
|
||||
} else {
|
||||
document.getElementById('pairing-details').style.display = 'none';
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
<script>
|
||||
document.getElementById('pairing-box').style.color = 'white';
|
||||
intervalId = window.setInterval(function() {
|
||||
document.getElementById('drum-roll').innerText += '.';
|
||||
}, 200);
|
||||
window.setTimeout(function() {
|
||||
document.getElementById('pairing-box').style.color = 'inherit';
|
||||
clearInterval(intervalId);
|
||||
}, 3000);
|
||||
</script>
|
||||
|
||||
<div class="title">
|
||||
May you bring them joy and happiness with your gift!
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="pairing"><span id="pairing"></span></h1>
|
||||
<script>document.getElementById('pairing').innerText = pairing</script>
|
||||
|
||||
<h3 class="title">Good luck!</h3>
|
||||
|
||||
<!--
|
||||
<iframe class="affiliate" src="http://rcm-eu.amazon-adsystem.com/e/cm?t=secrsant02e-21&o=8&p=48&l=ur1&category=jeuxetjouets&banner=0HS03ACZ89HPK7F4F5G2&f=ifr" width="728" height="90" scrolling="no" border="0" marginwidth="0" frameborder="0"></iframe>
|
||||
<iframe class="affiliate" src="http://rcm-eu.amazon-adsystem.com/e/cm?t=secrsant02e-21&o=8&p=48&l=ur1&category=books&banner=10DQAXJ7D1D2VTXMR682&f=ifr" width="728" height="90" scrolling="no" border="0" marginwidth="0" frameborder="0"></iframe>
|
||||
-->
|
||||
</div>
|
||||
|
||||
<a href="https://louis.hostux.fr/secretsanta/" class="spirit-of-christmas">
|
||||
Want to start your own Secret Santa with your friends? Click here to get started!
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in a new issue