sharing fixed too
This commit is contained in:
parent
ccc531a83d
commit
b8bc7757df
20
README.md
20
README.md
|
@ -29,6 +29,26 @@
|
||||||
* [MinPubSub](https://github.com/daniellmb/MinPubSub) for publish/subscribe
|
* [MinPubSub](https://github.com/daniellmb/MinPubSub) for publish/subscribe
|
||||||
* [Pegasus](https://github.com/typicode/pegasus) for me being too lazy to write my own XHR
|
* [Pegasus](https://github.com/typicode/pegasus) for me being too lazy to write my own XHR
|
||||||
|
|
||||||
|
# How-To: Translate this thang!
|
||||||
|
|
||||||
|
**Step 1)** Fork or download this repo
|
||||||
|
(if you're forking it, be sure to make sure *your* repo is on a branch called `gh-pages`, so that Github can automatically generate a webpage for it!)
|
||||||
|
|
||||||
|
**Step 2)** Translate the following files:
|
||||||
|
|
||||||
|
`index.html` -- The title & social sharing text (a few words)
|
||||||
|
`words.html` -- All the words for the interactive itself (~3,300 words)
|
||||||
|
(optional) `notes/index.html` -- The footnotes (~1,100 words)
|
||||||
|
(optional) `peeps/index.html` -- The full credits (a few words)
|
||||||
|
|
||||||
|
**Step 3)** Remember to test your translation! You can test things locally using [http-server](https://www.npmjs.com/package/http-server) or [MAMP](https://www.mamp.info/en/).
|
||||||
|
|
||||||
|
**Step 4)** Email me with a link to your forked repo / the translated files, at `N {{at}} NCASE {{dot}} ME` There may be a few things here and there we need to fix! (also, if you run into any issues, please email me as well! I may take a while to respond since I'm away the next couple weeks)
|
||||||
|
|
||||||
|
**Step 5)** Wait for me to stop being busy and/or lazy and actually link your translated version from the main English version
|
||||||
|
|
||||||
|
**Step 6)** Party! 🎉
|
||||||
|
|
||||||
# "LICENSE"
|
# "LICENSE"
|
||||||
|
|
||||||
[Creative Commons Zero](https://github.com/ncase/trust/blob/gh-pages/LICENSE): it's a public domain dedication, so basically, do whatever you want! Attribution is super appreciated, but I'm not gonna send legal goons after you or anything.
|
[Creative Commons Zero](https://github.com/ncase/trust/blob/gh-pages/LICENSE): it's a public domain dedication, so basically, do whatever you want! Attribution is super appreciated, but I'm not gonna send legal goons after you or anything.
|
118
index.html
118
index.html
|
@ -1,22 +1,45 @@
|
||||||
|
<!--
|
||||||
|
|
||||||
|
TRANSLATION GUIDE:
|
||||||
|
|
||||||
|
|
||||||
|
Hello fan-translaters!
|
||||||
|
First off, thank you so much for taking the time to help out,
|
||||||
|
I super appreciate it. :3 Anyway, to make translation a bit easier
|
||||||
|
(or at least less painful) I've scattered comments about on
|
||||||
|
what things you should translate, plus any additional info
|
||||||
|
|
||||||
|
Translate the following files:
|
||||||
|
|
||||||
|
index.html - The title & social sharing text (a few words)
|
||||||
|
words.html - All the words for the interactive itself (~3,300 words)
|
||||||
|
(optional) notes/index.html - The footnotes (~1,100 words)
|
||||||
|
(optional) peeps/index.html - The full credits (a few words)
|
||||||
|
|
||||||
|
Many thanks again!
|
||||||
|
|
||||||
|
<3,
|
||||||
|
~ Nicky Case
|
||||||
|
|
||||||
|
-->
|
||||||
<!doctype>
|
<!doctype>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<!-- META -->
|
<!-- TO TRANSLATE: "title", "description" -->
|
||||||
<title>The Evolution of Trust</title>
|
<title>The Evolution of Trust</title>
|
||||||
<meta name="description" content="an interactive guide to the game theory of why & how we trust each other"/>
|
<meta name="description" content="an interactive guide to the game theory of why & how we trust each other"/>
|
||||||
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
|
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
|
||||||
<meta content="utf-8" http-equiv="encoding">
|
<meta content="utf-8" http-equiv="encoding">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<!--meta name="viewport" content="width=640"-->
|
|
||||||
<link rel="icon" type="image/png" href="favicon.png">
|
<link rel="icon" type="image/png" href="favicon.png">
|
||||||
|
|
||||||
<!-- Facebook Shtuff -->
|
<!-- TO TRANSLATE: "name", "description" -->
|
||||||
<meta itemprop="name" content="The Evolution of Trust">
|
<meta itemprop="name" content="The Evolution of Trust">
|
||||||
<meta itemprop="description" content="an interactive guide to the game theory of why & how we trust each other">
|
<meta itemprop="description" content="an interactive guide to the game theory of why & how we trust each other">
|
||||||
<meta itemprop="image" content="http://ncase.me/trust/social/thumbnail.png">
|
<meta itemprop="image" content="http://ncase.me/trust/social/thumbnail.png">
|
||||||
|
|
||||||
<!-- Twitter Shtuff -->
|
<!-- TO TRANSLATE: "name", "description" -->
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
<meta name="twitter:site" content="@ncasenmare">
|
<meta name="twitter:site" content="@ncasenmare">
|
||||||
<meta name="twitter:title" content="The Evolution of Trust">
|
<meta name="twitter:title" content="The Evolution of Trust">
|
||||||
|
@ -24,7 +47,7 @@
|
||||||
<meta name="twitter:creator" content="@ncasenmare">
|
<meta name="twitter:creator" content="@ncasenmare">
|
||||||
<meta name="twitter:image" content="http://ncase.me/trust/social/thumbnail.png">
|
<meta name="twitter:image" content="http://ncase.me/trust/social/thumbnail.png">
|
||||||
|
|
||||||
<!-- Shmoogle Shtuff -->
|
<!-- TO TRANSLATE: "name", "description" -->
|
||||||
<meta property="og:title" content="The Evolution of Trust">
|
<meta property="og:title" content="The Evolution of Trust">
|
||||||
<meta property="og:type" content="website">
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:url" content="http://ncase.me/trust/">
|
<meta property="og:url" content="http://ncase.me/trust/">
|
||||||
|
@ -37,7 +60,7 @@
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="preloader">loading...</div>
|
<div id="preloader">loading...</div> <!-- TRANSLATE THIS -->
|
||||||
<div style="display:none" id="main">
|
<div style="display:none" id="main">
|
||||||
<div id="slideshow_container">
|
<div id="slideshow_container">
|
||||||
<div id="slideshow"></div>
|
<div id="slideshow"></div>
|
||||||
|
@ -47,61 +70,66 @@
|
||||||
<div style="display:none" id="footer">
|
<div style="display:none" id="footer">
|
||||||
<div id="sound" sound="on" class="no-select">
|
<div id="sound" sound="on" class="no-select">
|
||||||
<div id="sound_icon"></div>
|
<div id="sound_icon"></div>
|
||||||
<div id="sound_on">ON</div>
|
<div id="sound_on">ON</div> <!-- TRANSLATE THIS -->
|
||||||
<div id="sound_off">OFF</div>
|
<div id="sound_off">OFF</div> <!-- TRANSLATE THIS -->
|
||||||
</div>
|
</div>
|
||||||
<div id="select"></div>
|
<div id="select"></div>
|
||||||
<sharing text="People no longer trust each other. Why? And how can we fix it? An interactive guide to the game theory of trust:"
|
|
||||||
|
<!-- TRANSLATE "title" & "text". Make sure it's less than 112 characters, for Twitter's sake -->
|
||||||
|
<!-- Also, "link" will be changed later to whatever the link for the translated version will be. -->
|
||||||
|
<sharing title="The Evolution of Trust"
|
||||||
|
text="People no longer trust each other. Why? And how can we fix it? An interactive guide to the game theory of trust:"
|
||||||
link="http://ncase.me/trust/"></sharing>
|
link="http://ncase.me/trust/"></sharing>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
<!-- Libraries -->
|
<!-- Libraries -->
|
||||||
<script src="js/lib/helpers.js?fixed"></script>
|
<script src="js/lib/helpers.js?v5"></script>
|
||||||
<script src="js/lib/pegasus.js?fixed"></script>
|
<script src="js/lib/pegasus.js?v5"></script>
|
||||||
<script>var c_ = {};</script>
|
<script>var c_ = {};</script>
|
||||||
<script src="js/lib/minpubsub.src.js?fixed"></script>
|
<script src="js/lib/minpubsub.src.js?v5"></script>
|
||||||
<script src="js/lib/q.js?fixed"></script>
|
<script src="js/lib/q.js?v5"></script>
|
||||||
<script src="js/lib/pixi.min.js?fixed"></script>
|
<script src="js/lib/pixi.min.js?v5"></script>
|
||||||
<script src="js/lib/howler.js?fixed"></script>
|
<script src="js/lib/howler.js?v5"></script>
|
||||||
<script>var createjs = window;</script>
|
<script>var createjs = window;</script>
|
||||||
<script src="js/lib/tweenjs-0.6.2.min.js?fixed"></script>
|
<script src="js/lib/tweenjs-0.6.2.min.js?v5"></script>
|
||||||
<script>Ticker.framerate=60; Ticker.paused=true;</script>
|
<script>Ticker.framerate=60; Ticker.paused=true;</script>
|
||||||
<script src="js/lib/sharing.js?fixed"></script>
|
<script src="js/lib/sharing.js?v5"></script>
|
||||||
|
|
||||||
<!-- Core Engine -->
|
<!-- Core Engine -->
|
||||||
<script src="js/core/Loader.js?fixed"></script>
|
<script src="js/core/Loader.js?v5"></script>
|
||||||
<script src="js/core/Slideshow.js?fixed"></script>
|
<script src="js/core/Slideshow.js?v5"></script>
|
||||||
<script src="js/core/SlideSelect.js?fixed"></script>
|
<script src="js/core/SlideSelect.js?v5"></script>
|
||||||
<script src="js/core/Button.js?fixed"></script>
|
<script src="js/core/Button.js?v5"></script>
|
||||||
<script src="js/core/TextBox.js?fixed"></script>
|
<script src="js/core/TextBox.js?v5"></script>
|
||||||
<script src="js/core/Words.js?fixed"></script>
|
<script src="js/core/Words.js?v5"></script>
|
||||||
<script src="js/core/IncDecNumber.js?fixed"></script>
|
<script src="js/core/IncDecNumber.js?v5"></script>
|
||||||
<script src="js/core/Slider.js?fixed"></script>
|
<script src="js/core/Slider.js?v5"></script>
|
||||||
<script src="js/core/Scratcher.js?fixed"></script>
|
<script src="js/core/Scratcher.js?v5"></script>
|
||||||
<script src="js/core/Background.js?fixed"></script>
|
<script src="js/core/Background.js?v5"></script>
|
||||||
<script src="js/core/ImageBox.js?fixed"></script>
|
<script src="js/core/ImageBox.js?v5"></script>
|
||||||
<script src="js/core/PayoffsUI.js?fixed"></script>
|
<script src="js/core/PayoffsUI.js?v5"></script>
|
||||||
|
|
||||||
<!-- Simulations -->
|
<!-- Simulations -->
|
||||||
<script src="js/sims/Splash.js?fixed"></script>
|
<script src="js/sims/Splash.js?v5"></script>
|
||||||
<script src="js/sims/PD.js?fixed"></script>
|
<script src="js/sims/PD.js?v5"></script>
|
||||||
<script src="js/sims/Iterated.js?fixed"></script>
|
<script src="js/sims/Iterated.js?v5"></script>
|
||||||
<script src="js/sims/Tournament.js?fixed"></script>
|
<script src="js/sims/Tournament.js?v5"></script>
|
||||||
<script src="js/sims/SandboxUI.js?fixed"></script>
|
<script src="js/sims/SandboxUI.js?v5"></script>
|
||||||
|
|
||||||
<!-- Slides -->
|
<!-- Slides -->
|
||||||
<script src="js/slides/0_Slides_Intro.js?fixed"></script>
|
<script src="js/slides/0_Slides_Intro.js?v5"></script>
|
||||||
<script src="js/slides/1_Slides_OneOff.js?fixed"></script>
|
<script src="js/slides/1_Slides_OneOff.js?v5"></script>
|
||||||
<script src="js/slides/2_Slides_Iterated.js?fixed"></script>
|
<script src="js/slides/2_Slides_Iterated.js?v5"></script>
|
||||||
<script src="js/slides/3_Slides_Tournament.js?fixed"></script>
|
<script src="js/slides/3_Slides_Tournament.js?v5"></script>
|
||||||
<script src="js/slides/4_Slides_Evolution.js?fixed"></script>
|
<script src="js/slides/4_Slides_Evolution.js?v5"></script>
|
||||||
<script src="js/slides/5_Slides_Distrust.js?fixed"></script>
|
<script src="js/slides/5_Slides_Distrust.js?v5"></script>
|
||||||
<script src="js/slides/6_Slides_Noise.js?fixed"></script>
|
<script src="js/slides/6_Slides_Noise.js?v5"></script>
|
||||||
<script src="js/slides/7_Slides_Sandbox.js?fixed"></script>
|
<script src="js/slides/7_Slides_Sandbox.js?v5"></script>
|
||||||
<script src="js/slides/8_Slides_Conclusion.js?fixed"></script>
|
<script src="js/slides/8_Slides_Conclusion.js?v5"></script>
|
||||||
<script src="js/slides/9_Slides_Credits.js?fixed"></script>
|
<script src="js/slides/9_Slides_Credits.js?v5"></script>
|
||||||
|
|
||||||
<!-- Main Code -->
|
<!-- Main Code -->
|
||||||
<script src="js/main.js?fixed"></script>
|
<script src="js/main.js?v5"></script>
|
|
@ -4,6 +4,7 @@ window.addEventListener("load",function(){
|
||||||
var sharingDOM = document.body.querySelector("sharing");
|
var sharingDOM = document.body.querySelector("sharing");
|
||||||
|
|
||||||
// URL encodeable
|
// URL encodeable
|
||||||
|
var title = sharingDOM.getAttribute("title");
|
||||||
var text = sharingDOM.getAttribute("text");
|
var text = sharingDOM.getAttribute("text");
|
||||||
var link = sharingDOM.getAttribute("link");
|
var link = sharingDOM.getAttribute("link");
|
||||||
text = encodeURIComponent(text);
|
text = encodeURIComponent(text);
|
||||||
|
@ -14,7 +15,7 @@ window.addEventListener("load",function(){
|
||||||
sharing.className = "sharing";
|
sharing.className = "sharing";
|
||||||
sharing.innerHTML = '<a href="https://www.facebook.com/sharer/sharer.php?u='+link+'&t='+text+'" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" src="social/facebook.png"></a>'+
|
sharing.innerHTML = '<a href="https://www.facebook.com/sharer/sharer.php?u='+link+'&t='+text+'" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" src="social/facebook.png"></a>'+
|
||||||
'<a href="https://twitter.com/intent/tweet?source='+link+'&text='+text+'%20'+link+'" target="_blank" title="Tweet"><img alt="Tweet" src="social/twitter.png"></a>'+
|
'<a href="https://twitter.com/intent/tweet?source='+link+'&text='+text+'%20'+link+'" target="_blank" title="Tweet"><img alt="Tweet" src="social/twitter.png"></a>'+
|
||||||
'<a href="mailto:?subject='+text+'&body='+link+'" target="_blank" title="Send email"><img alt="Send email" src="social/email.png"></a>';
|
'<a href="mailto:?subject='+title+'&body='+text+" "+link+'" target="_blank" title="Send email"><img alt="Send email" src="social/email.png"></a>';
|
||||||
|
|
||||||
// Replace it in the dom
|
// Replace it in the dom
|
||||||
sharingDOM.parentNode.replaceChild(sharing, sharingDOM);
|
sharingDOM.parentNode.replaceChild(sharing, sharingDOM);
|
||||||
|
|
|
@ -1,8 +1,18 @@
|
||||||
|
<!--
|
||||||
|
|
||||||
|
THIS FILE HAS ABOUT 1,100 WORDS TO TRANSLATE
|
||||||
|
|
||||||
|
These are just the footnotes though.
|
||||||
|
So, it's optional to translate these!
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
|
<!-- TRANSLATE: "title" -->
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>The Evolution of Trust: Feetnotes</title>
|
<title>The Evolution of Trust: Feetnotes</title>
|
||||||
<link rel="icon" type="image/png" href="favicon.png">
|
<link rel="icon" type="image/png" href="favicon.png">
|
||||||
|
|
|
@ -326,6 +326,8 @@
|
||||||
<div class="credits_names">
|
<div class="credits_names">
|
||||||
Alex Dytrych<br>
|
Alex Dytrych<br>
|
||||||
Amit Patel<br>
|
Amit Patel<br>
|
||||||
|
Chris Makler<br>
|
||||||
|
Chris Walker<br>
|
||||||
Dan Cook<br>
|
Dan Cook<br>
|
||||||
Dan Salz<br>
|
Dan Salz<br>
|
||||||
Dan Zajdband<br>
|
Dan Zajdband<br>
|
||||||
|
@ -338,6 +340,7 @@
|
||||||
Pat Rowan<br>
|
Pat Rowan<br>
|
||||||
Pietro Passarelli<br>
|
Pietro Passarelli<br>
|
||||||
Scarlett Shiloh<br>
|
Scarlett Shiloh<br>
|
||||||
|
Sebastian Morr<br>
|
||||||
Toph Tucker<br>
|
Toph Tucker<br>
|
||||||
Tanya Short<br>
|
Tanya Short<br>
|
||||||
Vanessa Shen<br>
|
Vanessa Shen<br>
|
||||||
|
|
39
words.html
39
words.html
|
@ -1,3 +1,37 @@
|
||||||
|
<!--
|
||||||
|
|
||||||
|
THIS FILE HAS ABOUT 3,300 WORDS TO TRANSLATE
|
||||||
|
|
||||||
|
TRANSLATION NOTES:
|
||||||
|
|
||||||
|
When translating this thing, only edit the stuff that's BETWEEN the <tags>, like so:
|
||||||
|
|
||||||
|
<p id="still_english">hello</p>
|
||||||
|
=>
|
||||||
|
<p id="still_english">bonjour</p>
|
||||||
|
|
||||||
|
Also, DON'T change anything between the [square brackets], like so:
|
||||||
|
|
||||||
|
Number #[N]
|
||||||
|
=>
|
||||||
|
Numero #[N]
|
||||||
|
|
||||||
|
Exception to the "don't change tags" rule:
|
||||||
|
Feel free to move around the italics & bold tags, so that the emphasis
|
||||||
|
on the right phrases/words still makes sense!
|
||||||
|
|
||||||
|
<i>italics</i>
|
||||||
|
<b>bold</b>
|
||||||
|
|
||||||
|
Also, some HTML weirdness you might want to know:
|
||||||
|
|
||||||
|
& is an ampersand "&" sign
|
||||||
|
• is a dot
|
||||||
|
→ is a rightward-facing arrow
|
||||||
|
< is a "<" sign
|
||||||
|
|
||||||
|
-->
|
||||||
|
|
||||||
<!-- - - - - - - - - - - - - - - - - -->
|
<!-- - - - - - - - - - - - - - - - - -->
|
||||||
<!-- - - - - - META STUFF - - - - - - -->
|
<!-- - - - - - META STUFF - - - - - - -->
|
||||||
<!-- - - - - - - - - - - - - - - - - -->
|
<!-- - - - - - - - - - - - - - - - - -->
|
||||||
|
@ -43,9 +77,6 @@ PLAY →
|
||||||
<!-- - - - - - INTRO! - - - - - - - - -->
|
<!-- - - - - - INTRO! - - - - - - - - -->
|
||||||
<!-- - - - - - - - - - - - - - - - - -->
|
<!-- - - - - - - - - - - - - - - - - -->
|
||||||
|
|
||||||
<!-- TODO: Also, strong early humor. -->
|
|
||||||
<!-- TODO: mention "game theory" early again... -->
|
|
||||||
|
|
||||||
<p id="intro">
|
<p id="intro">
|
||||||
During World War I, peace broke out.
|
During World War I, peace broke out.
|
||||||
<br><br>
|
<br><br>
|
||||||
|
@ -449,8 +480,6 @@ but once they ran out of them, they had to face the <span class="tft">Copycats</
|
||||||
who <i>are</i> nice, but not naive.
|
who <i>are</i> nice, but not naive.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<!-- TODO: Freeman-Dyson???? -->
|
|
||||||
|
|
||||||
<p id="evo_7">
|
<p id="evo_7">
|
||||||
By simply copying the other player's moves,
|
By simply copying the other player's moves,
|
||||||
<span class="tft">Copycats</span> can play nice with each other,
|
<span class="tft">Copycats</span> can play nice with each other,
|
||||||
|
|
Loading…
Reference in New Issue