supporters and playtesters
This commit is contained in:
Nicky Case
parent
0125fe9a55
commit
40748d3585
|
|
@ -27,6 +27,12 @@ b, strong{
|
|||
font-weight: normal;
|
||||
text-shadow:1px 0 0 currentColor;
|
||||
}
|
||||
a{
|
||||
color: #ff4040;
|
||||
}
|
||||
a:hover{
|
||||
color: #ff6060;
|
||||
}
|
||||
|
||||
/* SIMULATION and SLIDESHOW */
|
||||
#container{
|
||||
|
|
@ -273,12 +279,6 @@ b, strong{
|
|||
margin:1.5em;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
#modal a{
|
||||
color: #ff4040;
|
||||
}
|
||||
#modal a:hover{
|
||||
color: #ff6060;
|
||||
}
|
||||
|
||||
/* NAVIGATION */
|
||||
#navigation_container{
|
||||
|
|
@ -335,12 +335,6 @@ b, strong{
|
|||
line-height: 16px;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
#translations a{
|
||||
color: #ff4040;
|
||||
}
|
||||
#translations a:hover{
|
||||
color: #ff6060;
|
||||
}
|
||||
#navigation{
|
||||
|
||||
display: none;
|
||||
|
|
|
|||
52
index.html
52
index.html
|
|
@ -871,7 +871,9 @@ MY "WHY" FOR MAKING THIS:
|
|||
<br>
|
||||
CREDITS
|
||||
<br>
|
||||
CREDITS
|
||||
<a onclick='publish("reference/show", ["supporters"]);'>SUPPORTERS</a>
|
||||
<br>
|
||||
<a onclick='publish("reference/show", ["playtesters"]);'>PLAYTESTERS</a>
|
||||
<br>
|
||||
<bon id="further_reading"></bon>
|
||||
</words>
|
||||
|
|
@ -1573,6 +1575,54 @@ MY "WHY" FOR MAKING THIS:
|
|||
</div>
|
||||
|
||||
</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>
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ function $(query){
|
|||
return document.querySelector(query);
|
||||
}
|
||||
function $all(query){
|
||||
return document.querySelectorAll(query);
|
||||
return [].slice.call(document.querySelectorAll(query));
|
||||
}
|
||||
|
||||
// Wide Sigmoid
|
||||
|
|
|
|||
|
|
@ -100,7 +100,6 @@ function Boxes(){
|
|||
ref.onclick = function(){
|
||||
var id = ref.id;
|
||||
publish("reference/show",[id]);
|
||||
publish("sound/button");
|
||||
};
|
||||
_stopPropButton(ref);
|
||||
});
|
||||
|
|
@ -111,7 +110,6 @@ function Boxes(){
|
|||
bon.innerHTML = "(?) "+title;
|
||||
bon.onclick = function(){
|
||||
publish("bonus/show", [bon.id]);
|
||||
publish("sound/button");
|
||||
};
|
||||
_stopPropButton(bon);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,6 +1,9 @@
|
|||
|
||||
// SHOW BONUS BOXES
|
||||
subscribe("bonus/show", function(bonus_id){
|
||||
|
||||
publish("sound/button");
|
||||
|
||||
var words = document.querySelector("bonus#"+bonus_id).innerHTML.trim();
|
||||
$("#modal_content").innerHTML = words;
|
||||
Modal.show(true); // show large for bonus
|
||||
|
|
@ -8,10 +11,19 @@ subscribe("bonus/show", function(bonus_id){
|
|||
|
||||
// SHOW REFERENCES
|
||||
subscribe("reference/show", function(ref_id){
|
||||
|
||||
publish("sound/button");
|
||||
|
||||
var footnote = document.querySelector("reference#"+ref_id+" > div").innerHTML.trim();
|
||||
$("#modal_content").innerHTML = footnote;
|
||||
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)
|
||||
|
|
@ -35,7 +47,9 @@ window.Modal = {
|
|||
|
||||
// ALL the things, in one go!
|
||||
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>";
|
||||
});
|
||||
$("#modal_content").innerHTML = html;
|
||||
|
|
|
|||
|
|
@ -3,8 +3,9 @@
|
|||
<title>My Patreon Supporters! <3</title>
|
||||
<style>
|
||||
body{
|
||||
background: #fff;
|
||||
width:700px;
|
||||
margin:50px auto;
|
||||
margin:25px auto;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-weight: 100;
|
||||
font-size: 21px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue