josch/ncase.me-trust
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

slide select

Browse source
This commit is contained in:
Nicky Case 2017-07-12 14:59:22 -04:00
parent 335810b29d
commit 3c6704cb63
6 changed files with 45 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
css/balloon.css
View file

@ -33,7 +33,8 @@ button[data-balloon] {
font-size: 18px;
padding: .5em 1em;
white-space: nowrap;
margin-bottom: 11px;
/*margin-bottom: 11px;*/
margin-bottom: 26px;
}
[data-balloon]:before {
background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E') no-repeat;
@ -41,7 +42,8 @@ button[data-balloon] {
height: 6px;
width: 18px;
content: "";
margin-bottom: 5px;
/*margin-bottom: 5px;*/
margin-bottom: 20px;
}
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before,

4
css/slides.css
View file

@ -29,6 +29,8 @@ body{
overflow: hidden;
}
#footer{
position: absolute;
z-index: 1000;
width: 100%;
height: 60px;
background: #222;
@ -246,7 +248,7 @@ body{
background-size: 200% 2000%;
display: none;
z-index: 1000;
z-index: 200;
}

1
index.html
View file

@ -3,6 +3,7 @@
<head>
<title>The Evolution of Trust</title>
<link rel="stylesheet" href="css/slides.css">
<link rel="stylesheet" href="css/balloon.css">
</head>
<body>
<div id="main">

2
js/core/SlideSelect.js
View file

@ -33,6 +33,8 @@ function SlideSelectDot(slide){
// DOM
self.dom = document.createElement("div");
self.dom.className = "dot";
self.dom.setAttribute("data-balloon", Words.get("chapter_"+slide.id));
self.dom.setAttribute("data-balloon-pos", "up");
// On Click
self.dom.onclick = function(){

3
js/slides/2_Slides_Iterated.js
View file

@ -6,6 +6,7 @@ SLIDES.push({
// Iterated Simulation
self.add({id:"iterated", type:"Iterated", x:130, y:133});
self.objects.iterated.dehighlightPayoff();
},
@ -66,6 +67,4 @@ SLIDES.push({
self.clear();
}
},{
onstart: function(self){}
});

34
js/slides/3_Slides_Tournament.js
View file

@ -0,0 +1,34 @@
// Show the characters
SLIDES.push({
id: "tournament",
onstart: function(self){
},
onend: function(self){
self.clear();
}
});
// round-robin tournament, place your bets
SLIDES.push({
onstart: function(self){
}
});
// go through it ONE BY ONE
SLIDES.push({
onstart: function(self){
}
});
// who the winner is!
SLIDES.push({
onstart: function(self){
}
});