Merge branch 'master' into master
This commit is contained in:
Italo Lelis
GitHub
commit
23b642337c
|
|
@ -1,3 +1,5 @@
|
|||
|
||||
|
||||
# PLAY IT HERE: [http://ncase.me/crowds/](http://ncase.me/crowds/)
|
||||
|
||||
*The Wisdom and/or Madness of Crowds* is dedicated to the public domain,
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@ html, body{
|
|||
cursor: none;
|
||||
}
|
||||
body{
|
||||
background: #fff;
|
||||
margin:0;
|
||||
|
||||
font-family: "PatrickHand", Helvetica, Arial;
|
||||
|
|
@ -223,12 +224,12 @@ a:hover{
|
|||
background-size: auto 100%;
|
||||
}
|
||||
#sandbox_shortcuts_label{
|
||||
font-size: 18px;
|
||||
font-size: 22px;
|
||||
}
|
||||
#sandbox_shortcuts{
|
||||
font-size: 14px;
|
||||
line-height: 1.5em;
|
||||
color: #999;
|
||||
font-size: 20px;
|
||||
line-height: 1.2em;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* MODAL */
|
||||
|
|
|
|||
16
index.html
16
index.html
|
|
@ -65,7 +65,7 @@ Good luck, and thanks again!
|
|||
<meta property="og:image" content="http://ncase.me/crowds/social/thumb.png">
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css?v=3">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -229,9 +229,9 @@ Good luck, and thanks again!
|
|||
<script src="js/slideshow/SandboxUI.js"></script>
|
||||
<script src="js/slideshow/Modal.js"></script>
|
||||
<script src="js/slideshow/Preloader.js"></script>
|
||||
<script src="js/slideshow/Translations.js"></script>
|
||||
<script src="js/slideshow/Translations.js?v=2"></script>
|
||||
|
||||
<script src="js/sim/Peep.js"></script>
|
||||
<script src="js/sim/Peep.js?v=2"></script>
|
||||
<script src="js/sim/Connection.js"></script>
|
||||
<script src="js/sim/ConnectorCutter.js"></script>
|
||||
<script src="js/sim/Simulations.js"></script>
|
||||
|
|
@ -245,7 +245,7 @@ Good luck, and thanks again!
|
|||
<script src="js/chapters/G_Small_World.js"></script>
|
||||
<script src="js/chapters/H_Conclusion.js"></script>
|
||||
<script src="js/chapters/I_Credits.js"></script>
|
||||
<script src="js/chapters/J_Sandbox.js"></script>
|
||||
<script src="js/chapters/J_Sandbox.js?v=2"></script>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
|
|
@ -895,7 +895,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
|
|||
top: 410px;
|
||||
left: 220px;
|
||||
text-align: center;
|
||||
color: #aaa;
|
||||
color: #999;
|
||||
">
|
||||
(wanna make your own simulations?
|
||||
check out Sandbox Mode, by clicking the (★) button below!)
|
||||
|
|
@ -983,7 +983,9 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
|
|||
<div style="font-size: 3em; line-height: 1.0em;">
|
||||
NICKY CASE</div>
|
||||
<a target="_blank" href="http://ncase.me" style="text-decoration:none">
|
||||
play my other shtuff</a>
|
||||
play my other shtuff</a> ·
|
||||
<a target="_blank" href="https://twitter.com/ncasenmare" style="text-decoration:none">
|
||||
follow my tweeter</a>
|
||||
|
||||
<br><br>
|
||||
|
||||
|
|
@ -1611,7 +1613,7 @@ Final thing! These references also need you to TRANSLATE:
|
|||
</h3>
|
||||
|
||||
<div>
|
||||
The keyboard shortcuts (1, 2, space, delete)
|
||||
The keyboard shortcuts (1, 2, space, backspace)
|
||||
work in <i>all</i> the puzzles, not just Sandbox Mode!
|
||||
Seriously, you can go back to a different chapter,
|
||||
and edit the simulation right there.
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ SLIDES.push(
|
|||
// Simulation UI
|
||||
{
|
||||
type:"box",
|
||||
x:35, y:385,
|
||||
x:35, y:400,
|
||||
sim_ui:"red"
|
||||
},
|
||||
|
||||
|
|
|
|||
|
|
@ -133,7 +133,7 @@ function Peep(config){
|
|||
// Travel Clockwise
|
||||
var spin = getUnitVector(self);
|
||||
spin = rotateVector(spin, Math.TAU/4);
|
||||
spin = multiplyVector(spin, 0.02*0.8);
|
||||
spin = multiplyVector(spin, 0.02*0.25); // even less spin
|
||||
self.velocity = addVectors(self.velocity, spin);
|
||||
|
||||
// Air Friction
|
||||
|
|
|
|||
109
pt.html
109
pt.html
|
|
@ -39,33 +39,33 @@ Good luck, and thanks again!
|
|||
<head>
|
||||
|
||||
<!-- Meta Info -->
|
||||
<title>A Sabedoria e/ou Loucura das Massas</title>
|
||||
<meta name="description" content="um guia interativo para as conexões humanas"/>
|
||||
<title>A Sabedoria e/ou Loucura das Multidões</title> <!-- <title>(TRANSLATE this part only)</title> -->
|
||||
<meta name="description" content="um guia interativo das relações humanas"/> <!-- content="(TRANSLATE this part only)" -->
|
||||
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
|
||||
<meta content="utf-8" http-equiv="encoding">
|
||||
<meta charset="utf-8">
|
||||
<link rel="icon" type="image/png" href="favicon.png">
|
||||
|
||||
<!-- Sharing -->
|
||||
<meta itemprop="name" content="A Sabedoria e/ou Loucura das Massas">
|
||||
<meta itemprop="description" content="um guia interativo para as conexões humanas">
|
||||
<meta itemprop="name" content="A Sabedoria e/ou Loucura das Multidões"> <!-- content="(TRANSLATE this part only)" -->
|
||||
<meta itemprop="description" content="um guia interativo das relações humanas"> <!-- content="(TRANSLATE this part only)" -->
|
||||
<meta itemprop="image" content="http://ncase.me/crowds/social/thumb.png">
|
||||
|
||||
<meta name="twitter:title" content="A Sabedoria e/ou Loucura das Massas">
|
||||
<meta name="twitter:description" content="um guia interativo para as conexões humanas">
|
||||
<meta name="twitter:title" content="A Sabedoria e/ou Loucura das Multidões"> <!-- content="(TRANSLATE this part only)" -->
|
||||
<meta name="twitter:description" content="um guia interativo das relações humanas"> <!-- content="(TRANSLATE this part only)" -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@ncasenmare">
|
||||
<meta name="twitter:creator" content="@ncasenmare">
|
||||
<meta name="twitter:image" content="http://ncase.me/crowds/social/thumb.png">
|
||||
|
||||
<meta property="og:title" content="A Sabedoria e/ou Loucura das Massas">
|
||||
<meta property="og:description" content="um guia interativo para as conexões humanas">
|
||||
<meta property="og:title" content="A Sabedoria e/ou Loucura das Multidões"> <!-- content="(TRANSLATE this part only)" -->
|
||||
<meta property="og:description" content="um guia interativo das relações humanas"> <!-- content="(TRANSLATE this part only)" -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="http://ncase.me/crowds/">
|
||||
<meta property="og:image" content="http://ncase.me/crowds/social/thumb.png">
|
||||
|
||||
<!-- Styles -->
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css?v=3">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -87,7 +87,7 @@ Good luck, and thanks again!
|
|||
<canvas id="scratch" width="711" height="400"></canvas>
|
||||
|
||||
<!-- Skip -->
|
||||
<div id="skip">pular ></div>
|
||||
<div id="skip">pular ></div> <!-- TRANSLATE -->
|
||||
|
||||
<!-- Modal -->
|
||||
<div id="modal_container">
|
||||
|
|
@ -106,24 +106,25 @@ Good luck, and thanks again!
|
|||
<div id="navigation_container">
|
||||
<div id="sound" mute="no">
|
||||
<div id="sound_icon"></div>
|
||||
<span id="sound_on">ON</span>
|
||||
<span id="sound_off">OFF</span>
|
||||
<span id="sound_on">LIGADO</span> <!-- TRANSLATE -->
|
||||
<span id="sound_off">DESLIGADO</span> <!-- TRANSLATE -->
|
||||
</div>
|
||||
<div id="sharing">
|
||||
<a id="fb" target="_blank" href="TODO"></a>
|
||||
<a id="tw" target="_blank" href="TODO"></a>
|
||||
<a id="em" target="_blank" href="TODO"></a>
|
||||
<span id="share_title">
|
||||
A Sabedoria e/ou Loucura das Massas
|
||||
A Sabedoria e/ou Loucura das Multidões <!-- TRANSLATE -->
|
||||
</span>
|
||||
<span id="share_desc">
|
||||
<!-- TRANSLATOR: keep this on ONE LINE or the social sharing will break! -->
|
||||
Por que grupos de pessoas são inteligentes, idiotas, gentis, cruéis? Um guia interativo às redes humanas:
|
||||
Por que grupos de pessoas agem de forma inteligente, burra, gentil, cruel? Um guia interativo das relações humanas: <!-- TRANSLATE -->
|
||||
</span>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
|
||||
<!-- The chapters -->
|
||||
<!-- TRANSLATE all the Chapter names! -->
|
||||
<div chapter="Introduction">
|
||||
<span>0</span>
|
||||
<span>0. Introdução</span>
|
||||
|
|
@ -146,7 +147,7 @@ Good luck, and thanks again!
|
|||
</div>
|
||||
<div chapter="SmallWorld">
|
||||
<span>5</span>
|
||||
<span>5. Mundo Pequeno</span>
|
||||
<span>5. Pequeno Mundo</span>
|
||||
</div>
|
||||
<div chapter="Conclusion">
|
||||
<span>6</span>
|
||||
|
|
@ -167,11 +168,11 @@ Good luck, and thanks again!
|
|||
<!-- Bonus Notes & References -->
|
||||
<div modal="bonus">
|
||||
<span>?</span>
|
||||
<span>Caixas Bônus!</span>
|
||||
<span>Caixas Bônus!</span> <!-- TRANSLATE -->
|
||||
</div>
|
||||
<div modal="references">
|
||||
<span style="margin-top: 7px; font-size: 35px;">*</span>
|
||||
<span>Links & Referências</span>
|
||||
<span>Links & Referências</span> <!-- TRANSLATE -->
|
||||
</div>
|
||||
<div modal="translations">
|
||||
<span style="margin-top:5px; position:relative;"><span style="
|
||||
|
|
@ -184,7 +185,7 @@ Good luck, and thanks again!
|
|||
top: -1px;
|
||||
left: 16px;
|
||||
">あ</span></span>
|
||||
<span>Traduções</span>
|
||||
<span>Traduções</span> <!-- TRANSLATE -->
|
||||
</div>
|
||||
|
||||
<!-- The hover bubble -->
|
||||
|
|
@ -202,7 +203,7 @@ Good luck, and thanks again!
|
|||
|
||||
<!-- Preloader -->
|
||||
<div id="pre_preloader">
|
||||
<div>carregando...</div>
|
||||
<div>carregando...</div> <!-- TRANSLATE -->
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
@ -228,9 +229,9 @@ Good luck, and thanks again!
|
|||
<script src="js/slideshow/SandboxUI.js"></script>
|
||||
<script src="js/slideshow/Modal.js"></script>
|
||||
<script src="js/slideshow/Preloader.js"></script>
|
||||
<script src="js/slideshow/Translations.js"></script>
|
||||
<script src="js/slideshow/Translations.js?v=2"></script>
|
||||
|
||||
<script src="js/sim/Peep.js"></script>
|
||||
<script src="js/sim/Peep.js?v=2"></script>
|
||||
<script src="js/sim/Connection.js"></script>
|
||||
<script src="js/sim/ConnectorCutter.js"></script>
|
||||
<script src="js/sim/Simulations.js"></script>
|
||||
|
|
@ -244,7 +245,7 @@ Good luck, and thanks again!
|
|||
<script src="js/chapters/G_Small_World.js"></script>
|
||||
<script src="js/chapters/H_Conclusion.js"></script>
|
||||
<script src="js/chapters/I_Credits.js"></script>
|
||||
<script src="js/chapters/J_Sandbox.js"></script>
|
||||
<script src="js/chapters/J_Sandbox.js?v=2"></script>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
|
|
@ -269,20 +270,22 @@ it should automatically highlight what the text is (usually in white).
|
|||
<words id="preloader_title">
|
||||
|
||||
<div style="font-size: 30px;">
|
||||
<span>the</span>
|
||||
<span>a</span>
|
||||
<br>
|
||||
<span style="font-size: 60px;letter-spacing: 4px;">WISDOM</span>
|
||||
<span style="position:relative;top: -10px;">and/or</span>
|
||||
<span style="font-size: 60px;">MADNESS</span>
|
||||
<span style="font-size: 60px;letter-spacing: 4px;">SABEDORIA</span>
|
||||
<span style="position:relative;top: -10px;">e/ou</span>
|
||||
<span style="font-size: 60px;">LOUCURA</span>
|
||||
<br>
|
||||
<span style="position: relative;top: -11px;">of</span>
|
||||
<span style="position: relative;top: -11px;">das</span>
|
||||
<br>
|
||||
<span style="font-size: 100px;line-height: 80px;position: relative;top: -15px; display:block;">CROWDS</span>
|
||||
<span style="font-size: 100px;line-height: 80px;position: relative;top: -15px; display:block;">MULTIDÕES</span>
|
||||
</div>
|
||||
|
||||
<div style="color:#999">
|
||||
<!--playing time: 30 min • by nicky case, april 2018 -->
|
||||
por nicky case • traduzido por Iuri Rezende Souza • <a href='/'>original em Inglês</a>
|
||||
<!-- TRANSLATE note: comment out the line below... -->
|
||||
<!-- playing time: 30 min • by nicky case, april 2018 -->
|
||||
<!-- ...and UN-comment + TRANSLATE this line! -->
|
||||
por nicky case • traduzido por Italo Lelis e Iuri Rezende • <a href='/'>original em Inglês</a>
|
||||
</div>
|
||||
|
||||
</words>
|
||||
|
|
@ -292,7 +295,7 @@ it should automatically highlight what the text is (usually in white).
|
|||
</words>
|
||||
|
||||
<words id="preloader_loading">
|
||||
loading...
|
||||
carregando...
|
||||
</words>
|
||||
|
||||
<words id="preloader_play">
|
||||
|
|
@ -314,25 +317,25 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
|
|||
|
||||
<br><br>
|
||||
|
||||
Sir Isaac Newton tinha certeza de que era
|
||||
Isaac Newton tinha certeza de que era um
|
||||
<br>
|
||||
super inteligente. Claro, depois de inventar o cálculo
|
||||
sabichão. Depois de inventar o cálculo e a teoria da
|
||||
<br>
|
||||
e uma teoria da gravidade, ele deveria ser sábio o
|
||||
<br>
|
||||
suficiente para fazer investimentos financeiros, não? Resumindo, ele
|
||||
gravidade, ele deveria ser inteligente o suficiente para
|
||||
<br>
|
||||
perdeu US$4.600.000 (em dólares atuais) na especulação
|
||||
fazer um investimento financeiro, certo? Bem, resumindo a história,
|
||||
<br>
|
||||
nacional conhecida como Bolha da Companhia do Mar do Sul de 1720.
|
||||
ele perdeu $4,600,000 (na cotação atual do dólar) na bolha nacional
|
||||
<br>
|
||||
especulativa conhecida como a Quebra dos Mares do Sul de 1720.
|
||||
|
||||
<br><br>
|
||||
|
||||
Como disse o Sr. Newton depois do episódio: <i>“Posso calcular o
|
||||
Como o próprio Sir Newton disse posteriormente: <i>“Eu consigo calcular
|
||||
<br>
|
||||
movimento dos corpos celestes, mas não a demência das pessoas.”</i>
|
||||
o movimento dos corpos celestiais, mas não a loucura das pessoas.”</i>
|
||||
|
||||
<next>é, problema dele <div class="rarr"></div> </next>
|
||||
<next>é, que ruim pra ele <div class="rarr"></div> </next>
|
||||
|
||||
</words>
|
||||
|
||||
|
|
@ -340,29 +343,29 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
|
|||
|
||||
<div style="height:0.5em"></div>
|
||||
|
||||
Claro, não foi a única vez que
|
||||
Claro, não foi a única vez que
|
||||
<br>
|
||||
mercados, instituições, ou democracias
|
||||
mercados, instituições, ou democracias
|
||||
<br>
|
||||
inteiras saíram de controle — a <i>loucura</i> das massas.
|
||||
inteiras saíram de controle — a <i>loucura</i> das massas.
|
||||
<br>
|
||||
Ainda assim, logo que se perde a esperança na humanidade,
|
||||
<br>
|
||||
veem-se cidadãos coordenando para se resgatar uns aos
|
||||
veem-se cidadãos coordenando para se resgatar uns aos
|
||||
<br>
|
||||
outros em furacões, comunidades criando soluções para problemas,
|
||||
outros em furacões, comunidades criando soluções para problemas,
|
||||
<br>
|
||||
pessoas lutando por um mundo melhor — a <i>sabedoria</i> das massas!
|
||||
pessoas lutando por um mundo melhor — a <i>sabedoria</i> das massas!
|
||||
|
||||
<div style="height:0.9em"></div>
|
||||
|
||||
<b>Mas <i>por que</i> algumas massas se rendem à loucura, ou à sabedoria?</b> Nenhuma teoria
|
||||
<br>
|
||||
consegue explicar tudo, mas acredito que um novo campo de estudo,
|
||||
consegue explicar tudo, mas acredito que um novo campo de estudo,
|
||||
<br>
|
||||
<b>ciência das redes</b>, pode nos guiar! E sua ideia central é esta: para
|
||||
<br>
|
||||
entender massas, deveríamos olhar não às <i>pessoas
|
||||
entender massas, deveríamos olhar não às <i>pessoas
|
||||
<br>
|
||||
individuais</i>, mas para...
|
||||
|
||||
|
|
@ -892,7 +895,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
|
|||
top: 410px;
|
||||
left: 220px;
|
||||
text-align: center;
|
||||
color: #aaa;
|
||||
color: #999;
|
||||
">
|
||||
(wanna make your own simulations?
|
||||
check out Sandbox Mode, by clicking the (★) button below!)
|
||||
|
|
@ -980,7 +983,9 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
|
|||
<div style="font-size: 3em; line-height: 1.0em;">
|
||||
NICKY CASE</div>
|
||||
<a target="_blank" href="http://ncase.me" style="text-decoration:none">
|
||||
play my other shtuff</a>
|
||||
play my other shtuff</a> ·
|
||||
<a target="_blank" href="https://twitter.com/ncasenmare" style="text-decoration:none">
|
||||
follow my tweeter</a>
|
||||
|
||||
<br><br>
|
||||
|
||||
|
|
@ -1608,7 +1613,7 @@ Final thing! These references also need you to TRANSLATE:
|
|||
</h3>
|
||||
|
||||
<div>
|
||||
The keyboard shortcuts (1, 2, space, delete)
|
||||
The keyboard shortcuts (1, 2, space, backspace)
|
||||
work in <i>all</i> the puzzles, not just Sandbox Mode!
|
||||
Seriously, you can go back to a different chapter,
|
||||
and edit the simulation right there.
|
||||
|
|
|
|||
|
|
@ -27,4 +27,5 @@
|
|||
// AVAILABLE TRANSLATIONS: //
|
||||
/////////////////////////////
|
||||
|
||||
en: English
|
||||
en: English
|
||||
pt: Português
|
||||
Loading…
Reference in New Issue
Block a user