fan translations

css/slides.css

@@ -50,6 +50,22 @@ s{
 	text-decoration: line-through;
 }
 
+#translations{
+	margin: 10px auto;
+    font-size: 16px;
+    line-height: 21px;
+    color: #fff;
+    text-align: center;
+}
+#translations a{
+	color:#dd4040;
+}
+#translations a:hover{
+	color:#ee5151;
+}
+
+
+
 /*************************/
 /******* SOUND *******/
 /*************************/

index.html

@@ -76,11 +76,20 @@ Many thanks again!
 		<div id="select"></div>
 
 		<!-- 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. -->
+		<!-- Also, change "link" 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>
 
+		<!-- List of translations thus far! -->
+		<div id="translations">
+			fan-translations so far:
+			<a href="https://github.com/ncase/trust#how-to-translate-this-thang" target="_blank">(add your own!)</a>
+			<br>
+			<a href="http://sekai.co/trust/">中文</a> | 
+			<a href="https://brunolemos.github.io/trust/">Português do Brasil</a>
+		</div>
+
 	</div>
 </body>
 </html>

js/main.js

@@ -26,6 +26,7 @@ window.onload = function(){
 		slideSelect.dom.style.display = "none";
 		subscribe("start/game", function(){
 			slideSelect.dom.style.display = "block";
+			$("#translations").style.display = "none";
 
 			// [FOR DEBUGGING]
 			publish("slideshow/next");