NotDotTeam/trust
NotDotTeam
/
trust
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

sharing fixed too

This commit is contained in:
Nicky Case 2017-07-28 21:48:39 -04:00
parent ccc531a83d
commit b8bc7757df
6 changed files with 142 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
README.md
View File

@ -29,6 +29,26 @@
* [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
# 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"
[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
View File

@ -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>
<html>
<head>
<!-- META -->
<!-- TO TRANSLATE: "title", "description" -->
<title>The Evolution of Trust</title>
<meta name="description" content="an interactive guide to the game theory of why &amp; how we trust each other"/>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta charset="utf-8">
<!--meta name="viewport" content="width=640"-->
<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="description" content="an interactive guide to the game theory of why &amp; how we trust each other">
<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:site" content="@ncasenmare">
<meta name="twitter:title" content="The Evolution of Trust">
@ -24,7 +47,7 @@
<meta name="twitter:creator" content="@ncasenmare">
<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:type" content="website">
<meta property="og:url" content="http://ncase.me/trust/">
@ -37,7 +60,7 @@
</head>
<body>
<div id="preloader">loading...</div>
<div id="preloader">loading...</div> <!-- TRANSLATE THIS -->
<div style="display:none" id="main">
<div id="slideshow_container">
<div id="slideshow"></div>
@ -47,61 +70,66 @@
<div style="display:none" id="footer">
<div id="sound" sound="on" class="no-select">
<div id="sound_icon"></div>
<div id="sound_on">ON</div>
<div id="sound_off">OFF</div>
<div id="sound_on">ON</div> <!-- TRANSLATE THIS -->
<div id="sound_off">OFF</div> <!-- TRANSLATE THIS -->
</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>
</div>
</body>
</html>
<!-- Libraries -->
<script src="js/lib/helpers.js?fixed"></script>
<script src="js/lib/pegasus.js?fixed"></script>
<script src="js/lib/helpers.js?v5"></script>
<script src="js/lib/pegasus.js?v5"></script>
<script>var c_ = {};</script>
<script src="js/lib/minpubsub.src.js?fixed"></script>
<script src="js/lib/q.js?fixed"></script>
<script src="js/lib/pixi.min.js?fixed"></script>
<script src="js/lib/howler.js?fixed"></script>
<script src="js/lib/minpubsub.src.js?v5"></script>
<script src="js/lib/q.js?v5"></script>
<script src="js/lib/pixi.min.js?v5"></script>
<script src="js/lib/howler.js?v5"></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 src="js/lib/sharing.js?fixed"></script>
<script src="js/lib/sharing.js?v5"></script>
<!-- Core Engine -->
<script src="js/core/Loader.js?fixed"></script>
<script src="js/core/Slideshow.js?fixed"></script>
<script src="js/core/SlideSelect.js?fixed"></script>
<script src="js/core/Button.js?fixed"></script>
<script src="js/core/TextBox.js?fixed"></script>
<script src="js/core/Words.js?fixed"></script>
<script src="js/core/IncDecNumber.js?fixed"></script>
<script src="js/core/Slider.js?fixed"></script>
<script src="js/core/Scratcher.js?fixed"></script>
<script src="js/core/Background.js?fixed"></script>
<script src="js/core/ImageBox.js?fixed"></script>
<script src="js/core/PayoffsUI.js?fixed"></script>
<script src="js/core/Loader.js?v5"></script>
<script src="js/core/Slideshow.js?v5"></script>
<script src="js/core/SlideSelect.js?v5"></script>
<script src="js/core/Button.js?v5"></script>
<script src="js/core/TextBox.js?v5"></script>
<script src="js/core/Words.js?v5"></script>
<script src="js/core/IncDecNumber.js?v5"></script>
<script src="js/core/Slider.js?v5"></script>
<script src="js/core/Scratcher.js?v5"></script>
<script src="js/core/Background.js?v5"></script>
<script src="js/core/ImageBox.js?v5"></script>
<script src="js/core/PayoffsUI.js?v5"></script>
<!-- Simulations -->
<script src="js/sims/Splash.js?fixed"></script>
<script src="js/sims/PD.js?fixed"></script>
<script src="js/sims/Iterated.js?fixed"></script>
<script src="js/sims/Tournament.js?fixed"></script>
<script src="js/sims/SandboxUI.js?fixed"></script>
<script src="js/sims/Splash.js?v5"></script>
<script src="js/sims/PD.js?v5"></script>
<script src="js/sims/Iterated.js?v5"></script>
<script src="js/sims/Tournament.js?v5"></script>
<script src="js/sims/SandboxUI.js?v5"></script>
<!-- Slides -->
<script src="js/slides/0_Slides_Intro.js?fixed"></script>
<script src="js/slides/1_Slides_OneOff.js?fixed"></script>
<script src="js/slides/2_Slides_Iterated.js?fixed"></script>
<script src="js/slides/3_Slides_Tournament.js?fixed"></script>
<script src="js/slides/4_Slides_Evolution.js?fixed"></script>
<script src="js/slides/5_Slides_Distrust.js?fixed"></script>
<script src="js/slides/6_Slides_Noise.js?fixed"></script>
<script src="js/slides/7_Slides_Sandbox.js?fixed"></script>
<script src="js/slides/8_Slides_Conclusion.js?fixed"></script>
<script src="js/slides/9_Slides_Credits.js?fixed"></script>
<script src="js/slides/0_Slides_Intro.js?v5"></script>
<script src="js/slides/1_Slides_OneOff.js?v5"></script>
<script src="js/slides/2_Slides_Iterated.js?v5"></script>
<script src="js/slides/3_Slides_Tournament.js?v5"></script>
<script src="js/slides/4_Slides_Evolution.js?v5"></script>
<script src="js/slides/5_Slides_Distrust.js?v5"></script>
<script src="js/slides/6_Slides_Noise.js?v5"></script>
<script src="js/slides/7_Slides_Sandbox.js?v5"></script>
<script src="js/slides/8_Slides_Conclusion.js?v5"></script>
<script src="js/slides/9_Slides_Credits.js?v5"></script>
<!-- Main Code -->
<script src="js/main.js?fixed"></script>
<script src="js/main.js?v5"></script>

3
js/lib/sharing.js
View File

@ -4,6 +4,7 @@ window.addEventListener("load",function(){
var sharingDOM = document.body.querySelector("sharing");
// URL encodeable
var title = sharingDOM.getAttribute("title");
var text = sharingDOM.getAttribute("text");
var link = sharingDOM.getAttribute("link");
text = encodeURIComponent(text);
@ -14,7 +15,7 @@ window.addEventListener("load",function(){
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>'+
'<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
sharingDOM.parentNode.replaceChild(sharing, sharingDOM);

10
notes/index.html
View File

@ -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>
<html>
<head>
<!-- TRANSLATE: "title" -->
<meta charset="utf-8">
<title>The Evolution of Trust: Feetnotes</title>
<link rel="icon" type="image/png" href="favicon.png">

3
peeps/index.html
View File

@ -326,6 +326,8 @@
<div class="credits_names">
Alex Dytrych<br>
Amit Patel<br>
Chris Makler<br>
Chris Walker<br>
Dan Cook<br>
Dan Salz<br>
Dan Zajdband<br>
@ -338,6 +340,7 @@
Pat Rowan<br>
Pietro Passarelli<br>
Scarlett Shiloh<br>
Sebastian Morr<br>
Toph Tucker<br>
Tanya Short<br>
Vanessa Shen<br>

39
words.html
View File

@ -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:
&amp; is an ampersand "&" sign
&#8226; is a dot
&rarr; is a rightward-facing arrow
&lt; is a "<" sign
-->
<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - - META STUFF - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->
@ -43,9 +77,6 @@ PLAY &rarr;
<!-- - - - - - INTRO! - - - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->
<!-- TODO: Also, strong early humor. -->
<!-- TODO: mention "game theory" early again... -->
<p id="intro">
During World War I, peace broke out.
<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.
</p>
<!-- TODO: Freeman-Dyson???? -->
<p id="evo_7">
By simply copying the other player's moves,
<span class="tft">Copycats</span> can play nice with each other,