2018-03-26 15:52:43 +00:00
|
|
|
<!--
|
|
|
|
|
|
2018-03-27 17:39:08 +00:00
|
|
|
THE WISDOM AND/OR MADNESS OF CROWDS
|
|
|
|
|
by Nicky Case | apr 2018
|
|
|
|
|
|
|
|
|
|
MY "WHY" FOR MAKING THIS:
|
|
|
|
|
+ to build a foundation for further curiosity about networks, group dynamics
|
|
|
|
|
+ to practice teaching with problem-solving, a pre-req for skills
|
|
|
|
|
+ to instill transcendent sense of "fundamentally people", of Humanity's Brain <3
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
SLIDES:
|
|
|
|
|
Keep all words on index.html. This allows people to translate it to SAME repo!
|
|
|
|
|
/de.html, etc etc
|
|
|
|
|
Same format as EvoTrust. But also footnotes.
|
|
|
|
|
Cursor is allowed to flow EVERYWHERE though...
|
|
|
|
|
|
|
|
|
|
-->
|
|
|
|
|
|
|
|
|
|
<!doctype>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>The Wisdom and/or Madness of Crowds</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="index.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
|
|
|
|
<!-- Simulation(s) in background -->
|
|
|
|
|
<div id="simulations_container">
|
|
|
|
|
<div id="simulations"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Slideshow: words & buttons -->
|
2018-03-26 15:52:43 +00:00
|
|
|
<div id="slideshow_container">
|
2018-03-27 17:39:08 +00:00
|
|
|
<div id="slideshow"></div>
|
2018-03-26 15:52:43 +00:00
|
|
|
</div>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
|
|
|
|
<!-- Navigation: Audio, Contents, Share, Translations -->
|
2018-03-26 15:52:43 +00:00
|
|
|
<div id="navigation">
|
|
|
|
|
</div>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
|
|
|
|
<canvas id="pencil"></canvas>
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
2018-03-27 17:39:08 +00:00
|
|
|
<script src="js/lib/helpers.js"></script>
|
|
|
|
|
<script src="js/lib/minpubsub.src.js"></script>
|
2018-03-28 14:57:19 +00:00
|
|
|
<script src="js/lib/Key.js"></script>
|
2018-03-27 17:39:08 +00:00
|
|
|
<script src="js/lib/Mouse.js"></script>
|
|
|
|
|
<script src="js/lib/Sprite.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/slideshow/Slideshow.js"></script>
|
|
|
|
|
<script src="js/slideshow/Pencil.js"></script>
|
2018-03-28 17:12:05 +00:00
|
|
|
<script src="js/slideshow/Boxes.js"></script>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
|
|
|
|
<script src="js/sim/Peep.js"></script>
|
|
|
|
|
<script src="js/sim/Connection.js"></script>
|
2018-03-27 19:20:22 +00:00
|
|
|
<script src="js/sim/ConnectorCutter.js"></script>
|
2018-03-28 17:12:05 +00:00
|
|
|
<!--script src="js/sim/_Game.js"></script-->
|
2018-03-27 17:39:08 +00:00
|
|
|
<script src="js/sim/Simulations.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/chapters/0_Introduction.js"></script>
|
2018-03-28 14:57:19 +00:00
|
|
|
<script src="js/chapters/1_Networks.js"></script>
|
|
|
|
|
<script src="js/chapters/2_Simple_Contagion.js"></script>
|
|
|
|
|
<script src="js/chapters/3_Complex_Contagion.js"></script>
|
|
|
|
|
<script src="js/chapters/4_Bonding_And_Bridging.js"></script>
|
|
|
|
|
<script src="js/chapters/5_Sandbox.js"></script>
|
|
|
|
|
<script src="js/chapters/6_Conclusion.js"></script>
|
|
|
|
|
<script src="js/chapters/7_Credits.js"></script>
|
|
|
|
|
|
|
|
|
|
<script src="js/main.js"></script>
|
2018-03-27 17:39:08 +00:00
|
|
|
|
|
|
|
|
<!-- - - - - - - - - - - - -->
|
|
|
|
|
<!-- THE SLIDESHOW'S WORDS -->
|
|
|
|
|
<!-- - - - - - - - - - - - -->
|
2018-03-26 15:52:43 +00:00
|
|
|
|
|
|
|
|
<!-- 0. Introduction -->
|
|
|
|
|
<words id="_0a">
|
|
|
|
|
Why is it that the <i>same</i> people,
|
|
|
|
|
in <i>different</i> groups, can be kind, cruel, smart, stupid?
|
|
|
|
|
In this explorable explanation,
|
|
|
|
|
I'll show how the <i>network</i> of a group itself
|
|
|
|
|
can shape the people caught in its web.
|
2018-03-27 17:39:08 +00:00
|
|
|
<button onclick="slideshow.next()">NEXT</button>
|
2018-03-26 15:52:43 +00:00
|
|
|
</words>
|
|
|
|
|
<words id="_0b">
|
|
|
|
|
herp derp herp derp
|
|
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<!-- 1. Networks -->
|
2018-03-28 17:12:05 +00:00
|
|
|
<words id="_1_tutorial_start">
|
|
|
|
|
blah blah blah blah blah<br>
|
|
|
|
|
let's make a network of friends!
|
2018-03-26 15:52:43 +00:00
|
|
|
</words>
|
2018-03-28 17:12:05 +00:00
|
|
|
<words id="_1_tutorial_connect">
|
|
|
|
|
draw to connect
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_tutorial_disconnect">
|
|
|
|
|
scratch to disconnect
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_tutorial_end">
|
|
|
|
|
feel free to play around! when you're done,<br>
|
|
|
|
|
</words>
|
|
|
|
|
<words id="_1_tutorial_next">
|
|
|
|
|
let's continue →
|
2018-03-26 15:52:43 +00:00
|
|
|
</words>
|
|
|
|
|
|
|
|
|
|
<!-- 2. Simple Contagions -->
|
|
|
|
|
<!-- 3. Complex Contagions -->
|
|
|
|
|
<!-- 4. Bonding & Bridging -->
|
|
|
|
|
<!-- 5. Sandbox -->
|
|
|
|
|
<!-- 6. Conclusion -->
|
|
|
|
|
|
|
|
|
|
<!-- 7. Credits -->
|
|
|
|
|
|
2018-03-27 17:39:08 +00:00
|
|
|
<!-- - - - - - - - - - - - - -->
|
2018-03-26 15:52:43 +00:00
|
|
|
<!-- BONUS BOXES (footnotes) -->
|
2018-03-27 17:39:08 +00:00
|
|
|
<!-- - - - - - - - - - - - - -->
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<bonus>
|
|
|
|
|
</bonus>
|
|
|
|
|
|
2018-03-27 17:39:08 +00:00
|
|
|
<!-- - - - - - -->
|
|
|
|
|
<!-- GLOSSARY -->
|
|
|
|
|
<!-- - - - - - -->
|
|
|
|
|
|
2018-03-26 15:52:43 +00:00
|
|
|
<glossary>
|
|
|
|
|
</glossary>
|
|
|
|
|
|
