supporters and playtesters
This commit is contained in:
parent
0125fe9a55
commit
40748d3585
|
@ -27,6 +27,12 @@ b, strong{
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-shadow:1px 0 0 currentColor;
|
text-shadow:1px 0 0 currentColor;
|
||||||
}
|
}
|
||||||
|
a{
|
||||||
|
color: #ff4040;
|
||||||
|
}
|
||||||
|
a:hover{
|
||||||
|
color: #ff6060;
|
||||||
|
}
|
||||||
|
|
||||||
/* SIMULATION and SLIDESHOW */
|
/* SIMULATION and SLIDESHOW */
|
||||||
#container{
|
#container{
|
||||||
|
@ -273,12 +279,6 @@ b, strong{
|
||||||
margin:1.5em;
|
margin:1.5em;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
#modal a{
|
|
||||||
color: #ff4040;
|
|
||||||
}
|
|
||||||
#modal a:hover{
|
|
||||||
color: #ff6060;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* NAVIGATION */
|
/* NAVIGATION */
|
||||||
#navigation_container{
|
#navigation_container{
|
||||||
|
@ -335,12 +335,6 @@ b, strong{
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.5px;
|
||||||
}
|
}
|
||||||
#translations a{
|
|
||||||
color: #ff4040;
|
|
||||||
}
|
|
||||||
#translations a:hover{
|
|
||||||
color: #ff6060;
|
|
||||||
}
|
|
||||||
#navigation{
|
#navigation{
|
||||||
|
|
||||||
display: none;
|
display: none;
|
||||||
|
|
52
index.html
52
index.html
|
@ -871,7 +871,9 @@ MY "WHY" FOR MAKING THIS:
|
||||||
<br>
|
<br>
|
||||||
CREDITS
|
CREDITS
|
||||||
<br>
|
<br>
|
||||||
CREDITS
|
<a onclick='publish("reference/show", ["supporters"]);'>SUPPORTERS</a>
|
||||||
|
<br>
|
||||||
|
<a onclick='publish("reference/show", ["playtesters"]);'>PLAYTESTERS</a>
|
||||||
<br>
|
<br>
|
||||||
<bon id="further_reading"></bon>
|
<bon id="further_reading"></bon>
|
||||||
</words>
|
</words>
|
||||||
|
@ -1573,6 +1575,54 @@ MY "WHY" FOR MAKING THIS:
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</reference>
|
</reference>
|
||||||
|
<reference id="supporters" hidden=yes large=yes>
|
||||||
|
<div>
|
||||||
|
To
|
||||||
|
<a target="_blank" href="https://www.patreon.com/ncase">my supporters on Patreon</a>:
|
||||||
|
I'm deeply grateful.
|
||||||
|
Your generosity <i>literally</i> feeds me and pays my rent,
|
||||||
|
and grants me the creative freedom to make these weird math/social-science games.
|
||||||
|
From the bottom of my heart, thank you!
|
||||||
|
<br><br>
|
||||||
|
<iframe src="supporters" width="730" height="330" style="border:none; margin:0 auto; display:block"></iframe>
|
||||||
|
</div>
|
||||||
|
</reference>
|
||||||
|
<reference id="playtesters" hidden=yes large=yes>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
Thank you, everyone who playtested <i>Crowds</i>
|
||||||
|
during its many stages of life!
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
<b>The Prototype:</b>
|
||||||
|
<br>
|
||||||
|
Maria P ·
|
||||||
|
Monica Srivastava
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
<b>The Alpha:</b>
|
||||||
|
<br>
|
||||||
|
Glen Chiacchieri ·
|
||||||
|
Kalli Repzeti ·
|
||||||
|
Mali ·
|
||||||
|
Toph Tucker
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
<b>The Beta:</b>
|
||||||
|
<br>
|
||||||
|
Alex Dytrych ·
|
||||||
|
Amit Patel ·
|
||||||
|
Cassandra McClure ·
|
||||||
|
Catherine Ray ·
|
||||||
|
Josh Comeau ·
|
||||||
|
Kayle Sawyer ·
|
||||||
|
Matthew Conlen ·
|
||||||
|
Srini Kadamati ·
|
||||||
|
Vanessa Shen ·
|
||||||
|
Wick Perry
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</reference>
|
||||||
|
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
|
|
|
@ -9,7 +9,7 @@ function $(query){
|
||||||
return document.querySelector(query);
|
return document.querySelector(query);
|
||||||
}
|
}
|
||||||
function $all(query){
|
function $all(query){
|
||||||
return document.querySelectorAll(query);
|
return [].slice.call(document.querySelectorAll(query));
|
||||||
}
|
}
|
||||||
|
|
||||||
// Wide Sigmoid
|
// Wide Sigmoid
|
||||||
|
|
|
@ -100,7 +100,6 @@ function Boxes(){
|
||||||
ref.onclick = function(){
|
ref.onclick = function(){
|
||||||
var id = ref.id;
|
var id = ref.id;
|
||||||
publish("reference/show",[id]);
|
publish("reference/show",[id]);
|
||||||
publish("sound/button");
|
|
||||||
};
|
};
|
||||||
_stopPropButton(ref);
|
_stopPropButton(ref);
|
||||||
});
|
});
|
||||||
|
@ -111,7 +110,6 @@ function Boxes(){
|
||||||
bon.innerHTML = "(?) "+title;
|
bon.innerHTML = "(?) "+title;
|
||||||
bon.onclick = function(){
|
bon.onclick = function(){
|
||||||
publish("bonus/show", [bon.id]);
|
publish("bonus/show", [bon.id]);
|
||||||
publish("sound/button");
|
|
||||||
};
|
};
|
||||||
_stopPropButton(bon);
|
_stopPropButton(bon);
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,6 +1,9 @@
|
||||||
|
|
||||||
// SHOW BONUS BOXES
|
// SHOW BONUS BOXES
|
||||||
subscribe("bonus/show", function(bonus_id){
|
subscribe("bonus/show", function(bonus_id){
|
||||||
|
|
||||||
|
publish("sound/button");
|
||||||
|
|
||||||
var words = document.querySelector("bonus#"+bonus_id).innerHTML.trim();
|
var words = document.querySelector("bonus#"+bonus_id).innerHTML.trim();
|
||||||
$("#modal_content").innerHTML = words;
|
$("#modal_content").innerHTML = words;
|
||||||
Modal.show(true); // show large for bonus
|
Modal.show(true); // show large for bonus
|
||||||
|
@ -8,10 +11,19 @@ subscribe("bonus/show", function(bonus_id){
|
||||||
|
|
||||||
// SHOW REFERENCES
|
// SHOW REFERENCES
|
||||||
subscribe("reference/show", function(ref_id){
|
subscribe("reference/show", function(ref_id){
|
||||||
|
|
||||||
|
publish("sound/button");
|
||||||
|
|
||||||
var footnote = document.querySelector("reference#"+ref_id+" > div").innerHTML.trim();
|
var footnote = document.querySelector("reference#"+ref_id+" > div").innerHTML.trim();
|
||||||
$("#modal_content").innerHTML = footnote;
|
$("#modal_content").innerHTML = footnote;
|
||||||
var noteLength = $("#modal_content").innerText.length; // innerTEXT, so no links
|
var noteLength = $("#modal_content").innerText.length; // innerTEXT, so no links
|
||||||
Modal.show(noteLength>500); // variable length
|
|
||||||
|
if($("reference#"+ref_id).getAttribute("large")){
|
||||||
|
Modal.show(true); // force large
|
||||||
|
}else{
|
||||||
|
Modal.show(noteLength>500); // variable length
|
||||||
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// ESCAPE (keyboard shortcut)
|
// ESCAPE (keyboard shortcut)
|
||||||
|
@ -35,7 +47,9 @@ window.Modal = {
|
||||||
|
|
||||||
// ALL the things, in one go!
|
// ALL the things, in one go!
|
||||||
var html = "";
|
var html = "";
|
||||||
$all(thing).forEach(function(thing){
|
$all(thing).filter(function(thing){
|
||||||
|
return !thing.getAttribute("hidden"); // NOT hidden
|
||||||
|
}).forEach(function(thing){
|
||||||
html += "<div>"+thing.innerHTML+"</div>";
|
html += "<div>"+thing.innerHTML+"</div>";
|
||||||
});
|
});
|
||||||
$("#modal_content").innerHTML = html;
|
$("#modal_content").innerHTML = html;
|
||||||
|
|
|
@ -3,8 +3,9 @@
|
||||||
<title>My Patreon Supporters! <3</title>
|
<title>My Patreon Supporters! <3</title>
|
||||||
<style>
|
<style>
|
||||||
body{
|
body{
|
||||||
|
background: #fff;
|
||||||
width:700px;
|
width:700px;
|
||||||
margin:50px auto;
|
margin:25px auto;
|
||||||
font-family: Helvetica, Arial, sans-serif;
|
font-family: Helvetica, Arial, sans-serif;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
font-size: 21px;
|
font-size: 21px;
|
||||||
|
|
Loading…
Reference in New Issue