🔀 Merge remote-tracking branch 'origin/gh-pages' into gh-pages
This commit is contained in:
commit
fece5bf8fd
20
README.md
20
README.md
|
@ -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
118
index.html
|
@ -1,22 +1,45 @@
|
|||
<!--
|
||||
|
||||
TRANSLATION GUIDE:
|
||||
https://github.com/ncase/trust#how-to-translate-this-thang
|
||||
|
||||
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 & 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 & 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>
|
|
@ -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);
|
||||
|
|
|
@ -60,7 +60,7 @@ SLIDES.push({
|
|||
});
|
||||
self.add({
|
||||
id:"subtitle", type:"TextBox",
|
||||
x:297, y:344, width:360,
|
||||
x:267, y:344, width:420,
|
||||
align:"center", color:"#aaa", size:15,
|
||||
text_id:"subtitle"
|
||||
});
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
58
words.html
58
words.html
|
@ -1,3 +1,43 @@
|
|||
<!--
|
||||
|
||||
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
|
||||
|
||||
ALSO! I'd love for you to credit yourself as a translator!
|
||||
You can add your own name in the <p id="subtitle"> section
|
||||
|
||||
Thanks again!
|
||||
~ Nicky Case
|
||||
|
||||
-->
|
||||
|
||||
<!-- - - - - - - - - - - - - - - - - -->
|
||||
<!-- - - - - - META STUFF - - - - - - -->
|
||||
<!-- - - - - - - - - - - - - - - - - -->
|
||||
|
@ -29,6 +69,15 @@
|
|||
</p>
|
||||
<p id="subtitle">
|
||||
время игры: 30 мин • от ники кейс, июль 2017-го
|
||||
|
||||
<!-- TRANSLATION NOTE: UNCOMMENT THE FOLLOWING & ADD YOUR OWN NAME! -->
|
||||
<!--
|
||||
<br>
|
||||
translated by YOUR NAME HERE
|
||||
•
|
||||
<a href="http://ncase.me/trust/">original English version</a>
|
||||
-->
|
||||
|
||||
</p>
|
||||
|
||||
<p id="loading">
|
||||
|
@ -42,9 +91,6 @@
|
|||
<!-- - - - - - INTRO! - - - - - - - - -->
|
||||
<!-- - - - - - - - - - - - - - - - - -->
|
||||
|
||||
<!-- TODO: Also, strong early humor. -->
|
||||
<!-- TODO: mention "game theory" early again... -->
|
||||
|
||||
<p id="intro">
|
||||
Во время Первой мировой войны, мир вспыхнул.
|
||||
<br><br>
|
||||
|
@ -449,8 +495,6 @@
|
|||
которые <i>также</i> хороши, но не наивны.
|
||||
</p>
|
||||
|
||||
<!-- TODO: Freeman-Dyson???? -->
|
||||
|
||||
<p id="evo_7">
|
||||
Просто копируя движения другого игрока,
|
||||
<span class="tft">Копикоты</span> могут хорошо играть друг с другом,
|
||||
|
@ -856,8 +900,8 @@ one for the plural version, one for the singular version.
|
|||
3. МИНИМУМ НЕДОПОНИМАНИЯ
|
||||
</p>
|
||||
<p id="conclusion_3_a2">
|
||||
Уровень недопонимания не может быть <i>слишком</i> высоким.
|
||||
И когда есть немного недопонимания, следует быть чуть <i>более</i> прощающим.
|
||||
If the level of miscommunication is <i>too</i> high, trust breaks down.
|
||||
But when there's a little bit of miscommunication, it pays to be <i>more</i> forgiving.
|
||||
</p>
|
||||
<p id="conclusion_4">
|
||||
Конечно, реальное доверие зависит от гораздо большего чем это.
|
||||
|
|
Loading…
Reference in New Issue