Prepare for putting on eloquentjavascript.net

marijnh · marijnh · commit ef3c3d5aaccf · 2014-07-24T19:47:06.000+02:00
diff --git a/code/index.html b/code/index.html
@@ -26,6 +26,10 @@
   <script src="js/sandbox.js"></script>
   <script src="js/chapter_info.js"></script>
   <script src="js/code.js"></script>
+
+  <style>
+    .control { font-size: 15px }
+  </style>
 </head>
 
 <article style="max-width: 50em;">
@@ -37,9 +41,9 @@ <h1>Code Sandbox<div style="font-size: 70%">Eloquent JavaScript</div></h2>
   to to simply play around.</p>
 
   <p>
-    Chapter: <select id="chapters"></select>
-    <select id="per_chapter"></select>
-    <button id="run">run code</button>
+    Chapter: <select id="chapters" class=control></select>
+    <select id="per_chapter" class=control></select>
+    <button id="run" class=control>run code</button>
   </p>
 
   <div class="editor-wrap">
@@ -54,7 +58,7 @@ <h1>Code Sandbox<div style="font-size: 70%">Eloquent JavaScript</div></h2>
 
   <p id="exercise_info">If you've solved the exercise and want to compare your code with
   mine, or you <em>really</em> tried, but can't get your code to work,
-  you can <button id="solution" style="color: #c22; font-size: 16px">look at the
+  you can <button id="solution" style="color: #c22;" class=control>look at the
   solution</button> (or <a id="download">download it</a>).</p>
 
   <p id="box_info">
diff --git a/html/index.html b/html/index.html
@@ -8,9 +8,14 @@
 <article>
   <h1>Eloquent JavaScript<div style="font-size: 70%">second edition</div></h2>
 
-  <p>A modern introduction to JavaScript, programming, and the wonders of the digital.</p>
+  <p>This is a book about JavaScript, programming, and the wonders of
+  the digital. You can read it online here, and
+  a <a href="http://www.nostarch.com/ejs2">paper version</a> is being
+  worked on.</p>
 
-  <p style="text-align: center"><img src="img/cover.png" alt="Cover image" style="border: 1px solid black"></p>
+  <p style="text-align: center; margin: 1.5em 0">
+    <a href="http://www.nostarch.com/ejs2"><img src="img/cover.png" alt="Cover image" style="border: 1px solid black"></a>
+  </p>
 
   <p>Written by Marijn Haverbeke.</p>
 
@@ -20,7 +25,7 @@ <h1>Eloquent JavaScript<div style="font-size: 70%">second edition</div></h2>
   may also be considered licensed under
   an <a href="http://opensource.org/licenses/MIT">MIT license</a>.</p>
 
-  <p>Illustrations by various artists: Cover by Wasif Hyder. Computer
+  <p style="font-size: 80%">Illustrations by various artists: Cover by Wasif Hyder. Computer
   (introduction) by Max Xiantu. Sea of bits (Chapter 1) and
   weresquirrel (Chapter 4) by Margarita Martínez and José Menor.
   Octopuses (Chapter 2 and 4) by Jim Tierney. Object with on/off
@@ -77,6 +82,7 @@ <h2>Other pages</h2>
 
   <ul class="links">
     <li><a href="code">Code sandbox and exercise solutions</a></li>
+    <li><a href="1st_edition">The first edition of the book</a></li>
   </ul>
 
 </article>
