Spanish translation

es/Binary.html

@@ -7,38 +7,44 @@
 <div class="wrap">
 <ul>
  <li><a href="Binary.html"><b>SimpleCPU.com</b></a>&nbsp;&nbsp;</li>
- <li><a href="about.html">about</a></li>
+ <li><a href="about.html">acerca de</a></li>
 </ul><br>
 <div class="content">
-Let's dive right into the magical land of data.<br>
+Met&aacute;monos en el m&aacute;gico mundo de los datos.<br>
 <br>
-What's the symbol for five? <b>5</b><br>
-What's the symbol for ten? <b>10</b><br>
+&iquest;Cu&aacute;l es el s&iacute;mbolo del cinco? <b>5</b><br>
+&iquest;Cu&aacute;l es el s&iacute;mbolo del diez? <b>10</b><br>
 <br>
-But wait, isn't that the symbol for one and zero?<br>
+Pero, esper&aacute;... &iquest;No es ese el s&iacute;mbolo del uno y el del
+cero?<br>
 <br>
-Right, so in our numbering system, when we get to the number ten, we write the symbol
-for one and zero. There is no symbol for ten, we simply recycle the ones we already have.
-Because of this we call our numbering system "base-ten", or "decimal".<br>
+Claro... Entonces, en nuestro sistema de numeraci&oacute;n, cuando llegamos al
+n&uacute;mero diez, escribimos el s&iacute;mbolo del uno y el del cero. No hay
+un s&iacute;mbolo para el diez, simplemente reciclamos los que ya
+ten&iacute;amos. Por esto es que llamamos a nuestro sistema de numeraci&oacute;n
+"de base diez" o "decimal".<br>
 <br>
-"<span style="color: #008800">Ones</span> and <span style="color: #AA0000">zeros</span>",
-"<span style="color: #008800">true</span> and <span style="color: #AA0000">false</span>",
-and "<span style="color: #008800">on</span> or <span style="color: #AA0000">off</span>"
-are all terms you have probably heard before. What these are all referring to is a 
-<i>different</i> kind of numbering system. For our decimal system, we write a '10' when we 
-get to ten, but for binary, we write a '10' when we get to two. There is no symbol for two 
-in binary, exactly how there is no symbol for ten in decimal.
-"<span style="color: #008800">On</span>" or "<span style="color: #AA0000">off</span>"
-simply refers to
-'<span style="color: #008800">1</span>' or '<span style="color: #AA0000">0</span>'
-in binary.<br>
+"<span style="color: #008800">Unos</span> y <span style="color: #AA0000">ceros</span>",
+"<span style="color: #008800">verdadero</span> y <span style="color: #AA0000">falso</span>",
+and "<span style="color: #008800">prendido</span> o <span style="color: #AA0000">apagado</span>"
+son todos t&eacute;rminos que probablemente hayas escuchado antes. Todos ellos
+se est&aacute;n refiriendo a <i>distintos</i> sistemas de numeraci&oacute;n.
+En nuestro sistema decimal escribimos '10' cuando llegamos hasta diez, pero,
+en binario, escribimos '10' cuando llegamos al dos. No hay un s&iacute;mbolo
+para el dos en binario, del mismo modo que no hay un s&iacute;mbolo para el
+diez en decimal.
+"<span style="color: #008800">prendido</span>" o "<span style="color: #AA0000">apagado</span>"
+simplemente se refiere a
+'<span style="color: #008800">1</span>' o '<span style="color: #AA0000">0</span>'
+en binario.<br>
 <br>
-Just to be sure you understand binary, try clicking the binary counter here:<br>
+S&oacute;lo para estar seguros de que entend&eacute;s binario, prob&aacute;
+clickear este contador binario:<br>
 <br>
 </div>
 <canvas id="binaryInc" width="250" height="170"
 style="border:1px solid #DDDDDD" ></canvas>
-<script src="scripts/binaryInc.js"></script><br>
+<script src="scripts/binary.js"></script><br>
 <br>
 <div class="center">
 1/8

es/InstructionPointer.html

@@ -7,23 +7,30 @@
 <div class="wrap">
 <ul>
  <li><a href="Binary.html"><b>SimpleCPU.com</b></a>&nbsp;&nbsp;</li>
- <li><a href="about.html">about</a></li>
+ <li><a href="about.html">acerca de</a></li>
 </ul><br>
 <div class="content">
-But how does the CPU know where to get its instructions?<br>
+Pero... &iquest;C&oacute;mo sabe la CPU de d&oacute;nde sacar las
+instrucciones?<br>
 <br>
-On the CPU, there is a tiny amount of memory. It does various things, such as<br>
-hold something called the "instruction pointer". The instruction pointer <br>
-holds the location of the next instruction, and increments itself after <br>
-every instruction. So basically, the CPU reads the instruction pointer,<br>
-fetches the next instruction, does it, increments the instruction pointer<br>
-and then goes back to step one.<br>
+En la CPU hay una porci&oacute;n de memoria muy peque&ntilde;a que sirve para
+varias<br> cosas, como, por ejemplo, guardar algo llamado el "puntero de
+instrucci&oacute;n"<br> (<i>"instruction pointer", IP</i>). El IP guarda la
+ubicaci&oacute;n de la pr&oacute;xima instrucci&oacute;n a<br> ejecutar, y se
+incrementa despu&eacute;s de cada instrucci&oacute;n. Entonces,<br>
+b&aacute;sicamente, la CPU lee el IP, obtiene la pr&oacute;xima
+instrucci&oacute;n, la ejecuta,<br> incrementa el IP* y vuelve al primer paso.
 <br>
-The value of the instruction pointer itself can be set to some arbitrary <br>
-location in memory. You ever wonder what an infinite loop is on a computer?<br> It's what happens when an instruction pointer is set to instructions that <br>
-keep telling the instruction pointer to set itself to that same set of <br>
-instructions.<br>
 <br>
+Al IP se le puede poner cualquier valor arbitrario, que se interpretar&aacute;
+como<br> una posici&oacute;n en memoria. &iquest;Alguna vez te preguntaste
+qu&eacute; es un bucle infinito<br> en una computadora? Es lo que ocurre cuando
+se pone un valor del IP que<br> hace que ejecute un conjunto de instrucciones
+que vuelven a poner al IP a<br> referenciar a esas instrucciones.<br>
+<br>
+<br>
+*Nota: en este caso, IP se refiere al Instruction Pointer, y no a las<br>
+direcciones IP ni al Internet Protocol.
 <div class="center">
 <a href="code.html">
 	<img src="images/Left.png" alt="<left" style="width:50px;height:80px;" align="middle">

es/NAND.html

@@ -7,28 +7,31 @@
 <div class="wrap">
 <ul>
  <li><a href="Binary.html"><b>SimpleCPU.com</b></a>&nbsp;&nbsp;</li>
- <li><a href="about.html">about</a></li>
+ <li><a href="about.html">acerca de</a></li>
 </ul><br>
 <div class="content">
-Now for something completely different, yet related.<br>
+Ahora vamos con otra cosa totalmente diferente, pero relacionada.<br>
 <p>
-There's something in computer theory called a "logic gate". It's a device <br>
-that has two inputs and one output.The only input it accepts is "on" or <br>
-"off", and the output is the same, "on" or "off".You might see the relation <br>
-to binary.
+Existe algo en la teor&iacute;a de la computaci&oacute;n llamado "compuerta
+l&oacute;gica". Es<br> un dispositivo que tiene dos entradas y una salida. Las
+&uacute;nicas entradas que<br> acepta son "prendido" o "apagado", y las salidas
+son, tambi&eacute;n, "prendido" o "apagado". Ya pod&eacute;s ver la
+relaci&oacute;n con el binario.
 </p>
 <p>
-A logic gates output is based on its input. One example of a logic gate is <br>
-the NAND gate; try clicking the switches to the left:<br>
+La salida de una compuerta l&oacute;gica se basa en sus entradas. Un ejemplo
+de<br> compuerta l&oacute;gica es la compuerta NAND. Prob&aacute; clickeando
+los interruptores<br> a la izquierda:<br>
 </div>
 <canvas id="gates" width="235" height="165"></canvas><br>
 <div class="content">
-When both of the NAND gates inputs are on, the output is off. Otherwise, the<br>
-output is on.<br>
+Cuando ambas entradas de una compuerta NAND est&aacute;n prendidos, la
+salida<br> se apaga. Si no, la salida se prende.<br>
 <br>
-There are several more variations of the logic gate, but the only one we <br>
-need to worry about for now is the NAND gate.If you would like to see real<br>
-life examples of the NAND gate, go <a href="wallOfNAND.html" style="color: #0000AA">here</a>.<br>
+Hay muchas variaciones de compuertas l&oacute;gicas, pero la &uacute;nica de la
+que<br>tenemos que preocuparnos por ahora es la compuerta NAND. Si
+quer&eacute;s ver<br> ejemplos de compuertas NAND de la vida real, entr&aacute;
+<a href="wallOfNAND.html" style="color: #0000AA">ac&aacute;.</a><br>
 <br>
 <div class="center">
 <a href="Binary.html">
@@ -42,8 +45,8 @@
 <br>
 </div>
 </div>
-<script src="scripts/gateLib.js"></script>
-<script src="scripts/NAND.js"></script>
+<script src="scripts/_common-lib.js"></script>
+<script src="scripts/nand.js"></script>
 <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

es/about.html

@@ -7,27 +7,27 @@
 <div class="wrap">
 <ul>
  <li><a href="Binary.html"><b>SimpleCPU.com</b></a>&nbsp;&nbsp;</li>
- <li><a href="about.html">about</a></li>
+ <li><a href="about.html">acerca de</a></li>
 </ul>
 <div class="content">
-<h3>About the website</h3>
-Simple CPU was inspired by the success of the reddit comment I made 
-<a href="http://www.reddit.com/r/explainlikeimfive/comments/2ax3k3/eli5_how_does_a_computer_actually_work_like_how/cizpwki"style="color: #0000AA">here.</a><br>
+<h3>Acerca del sitio</h3>
+Simple CPU fue inspirado por el &eacute;xito
+<a href="http://www.reddit.com/r/explainlikeimfive/comments/2ax3k3/eli5_how_does_a_computer_actually_work_like_how/cizpwki"style="color: #0000AA">del comentario que hice en reddit</a>.<br>
 <br>
-It was also inspired by my own frustrations trying to learn the basics of<br>
-computer science. I wanted to give people a quick way to understand the <br>
-basics, so that they could know what to look for. "I don't know what I <br>
-dont know" is a common ailment for beginning programmers, this site is an <br>
-attempt to address that.<br>
+Tambi&eacute;n estuvo inspirado en mis propias frustraciones al tratar de aprender<br>
+las bases de las ciencias de la computaci&oacute;n. Quer&iacute;a darle a la gente<br>
+una forma r&aacute;pida de entender las bases, para que pudieran saber qu&eacute; buscar.<br>
+"No se qu&eacute; es lo que no s&eacute;" es un mal frecuente para los programadores novatos,<br>
+y este sitio es un intento de atacarlo.<br>
 <br>
-<h3>Source code</h3>
-SimpleCPU is open source: <a href="https://github.com/r0nk/simplecpu" style="color: #0000AA">get it on github.</a><br> 
-<h3>Contact Me</h3>
-I can be contacted at:&nbsp;&nbsp; r00nk@simpleCPU.com
-<h3>Donate</h3>
-Servers expensive, beer money, etc.<br>
+<h3>C&oacute;digo fuente</h3>
+SimpleCPU es open source: <a href="https://github.com/r0nk/simplecpu" style="color: #0000AA">obtenelo en github.</a><br>
+<h3>Contact&aacute;me</h3>
+Pod&eacute;s contactarme en: &nbsp;&nbsp; r00nk@simpleCPU.com
+<h3>Donaciones</h3>
+Gastos de servidores, dinero para cervezas, etc.<br>
 <span style="color: #D0D0D0">
-(Not that I would ever drink underage or anything. Thats terribly irresponsible.)<br>
+(No es que yo fuera a tomar siendo menor de edad ni nada por el estilo. Eso ser&iacute;a muy irresponsable.)<br>
 </span>
 <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
 <input type="hidden" name="cmd" value="_s-xclick">

es/adder.html

@@ -7,23 +7,26 @@
 <div class="wrap">
 <ul>
  <li><a href="Binary.html"><b>SimpleCPU.com</b></a>&nbsp;&nbsp;</li>
- <li><a href="about.html">about</a></li>
+ <li><a href="about.html">acerca de</a></li>
 </ul><br>
 <div class="content">
-But what can we <i>do</i> with the numbers we stored?<br>
+Pero... &iquest;qu&eacute; podemos <i>hacer</i> con los n&uacute;meros que
+almacenamos?<br>
 <br>
-We can do math with those numbers.<br>
+Podemos hacer matem&aacute;ticas con esos n&uacute;meros.<br>
 <p>
-This next device is called an 'adder'. It adds together two bits.<br>
+Este otro dispositivo se llama 'sumador' (<i>adder</i>). Suma entre s&iacute;
+dos bits.<br>
 </div>
 <canvas id="gates" width="450" height="480"></canvas><br>
 <div class="content">
-In decimal, if you were to add 5 + 5, you would carry the 1 over to make <br>
-a 10. The same thing happens in binary when we add 1 + 1, we carry over<br>
-(or out) a binary 1.<br> 
+En decimal, si fueras a sumar 5 + 5, te <i>llevar&iacute;as</i> 1 para obtener
+el 10. Lo<br> mismo ocurre en binario: cuando sumamos 1 + 1, nos llevamos un 1
+<br>binario.<br>
 <br>
-If we have multiple bits we want to add, we can combine these devices by<br>
-connecting one's carry in to another's carry out.<br>
+Si tenemos muchos bits para sumar, podemos combinar estos<br>dispositivos
+conectando la salida <i>carry</i> de cada uno (el bit que <i>nos<br>
+llevamos</i>) con la entrada de <i>carry</i> del anterior.<br>
 <br>
 <div class="center">
 <a href="moreGates.html">
@@ -47,7 +50,7 @@
   ga('send', 'pageview');
 
 </script>
-<script src="scripts/gateLib.js"></script>
+<script src="scripts/_common-lib.js"></script>
 <script src="scripts/adder.js"></script>
 </body>
 </html>