new site

src/site/articles/index.html

Index: src/site/articles/index.html
diff --git a/src/site/articles/index.html b/src/site/articles/index.html
index c754e5753f7371e43fbc7cc8079dcbb2c75d1e26..3873c3aa54e51c0450bce47acc3c2f0444d06ffc 100644
--- a/src/site/articles/index.html
+++ b/src/site/articles/index.html
@@ -4,166 +4,31 @@ title: "Articles"
 description: "Read about the Dart language and tools with this collection of articles, style guides, and more."
 ---
 
-<h1> Articles </h1>
-
-<p>
-Read these articles for insight into Dart programming topics.
-</p>
-
-<section id="articles">
-
 {% comment %}
 NOTE: Within each section, articles should be in chronological order
 (newest on top).
 {% endcomment %}
 
-<section>
-  <h3> Everyday Dart </h3>
-
-  <section class="article">
-  <b> <a href="style-guide/">Dart Style Guide</a> </b>
-  <br>
-  <em> Bob Nystrom, October 2011 (updated May 2012)</em>
-  <br>
-    How we format, structure, and organize our code.
-  </section>
-
-  <section class="article">
-  <b> <a href="idiomatic-dart/">Idiomatic Dart</a> </b>
-  <br>
-  <em> Bob Nystrom, October 2011 (updated March 2012) </em>
-  <br>
-    Get a sense of how to write Dart code like a native.
-  </section>
-
-</section>
-
-
-<section>
-  <h3> Libraries and APIs </h3>
-
-  <section class="article">
-  <b> <a href="mocking-with-dart/">Mocking with Dart</a> </b>
-  <br>
-  <em> Graham Wheeler, July 2012 </em>
-  <br>
-    Write mock and spy classes using the Dart unit test library.
-  </section>
-
-  <section class="article">
-  <b> <a href="dart-unit-tests/">Unit Tests with Dart</a> </b>
-  <br>
-  <em> Graham Wheeler, June 2012 </em>
-  <br>
-    Write both synchronous and asynchronous tests
-    using the Dart unit test library.
-  </section>
-
-  <section class="article">
-  <b> <a href="native-extensions-for-standalone-dart-vm/">Native Extensions for the Standalone Dart VM</a> </b>
-  <br>
-  <em> William Hesse, May 2012 </em>
-  <br>
-    Use shared libraries written in C or C++
-    from your Dart command-line apps.
-  </section>
-
-  <section class="article">
-  <b> <a href="json-web-service/">Using Dart with JSON Web Services</a> </b>
-  <br>
-  <em> Chris Buckett, April 2012 </em>
-  <br>
-    Connect your client-side Dart web app to a JSON web service.
-  </section>
-
-  <section class="article">
-  <b> <a href="io/">An Introduction to the dart:io Library</a> </b>
-  <br>
-  <em> Mads Ager, March 2012 </em>
-  <br>
-    Learn how your server-side Dart code can use the dart:io library
-    to perform asynchronous I/O using
-    files, sockets, HTTP connections, and more.
-  </section>
-
-  <section class="article">
-  <b> <a href="improving-the-dom/">Improving the DOM</a> </b>
-  <br>
-  <em> Bob Nystrom, October 2011 </em>
-  <br>
-    See what our new API for working with the DOM looks like in Dart.
-  </section>
-
-  <section class="article">
-  <b> <a href="embedding-in-html/">Embedding Dart in HTML</a> </b>
-  <br>
-  <em> Sigmund Cherem and Vijay Menon, October 2011 </em>
-  <br>
-    Find out how you'll be able to
-    embed Dart directly on HTML pages.
-  </section>
-
-</section>
-
-
-<section>
-  <h3> Language details </h3>
-
-  <section class="article">
-  <b> <a href="m1-language-changes/">Milestone 1 Language Changes</a> </b>
-  <br>
-  <em> Bob Nystrom, June 2012 </em>
-  <br>
-    A brief introduction to some language changes we are making.
-  </section>
-
-  <section class="article">
-  <b> <a href="puzzlers/index.html">Dart Puzzlers</a> </b>
-  <br>
-  <em> Joshua Bloch, January - February 2012 </em>
-  <br>
-    See what happens when the author of <em>Java Puzzlers</em>
-    translates each puzzler to Dart.
-  </section>
-
- <section class="article">
-  <b> <a href="emulating-functions/">Emulating Functions in Dart</a> </b>
-  <br>
-  <em> Gilad Bracha, January 2012 </em>
-  <br>
-    Learn how you'll be able to create classes
-    that can substitute for functions.
-  </section>
-
-  <section class="article">
-  <b> <a href="optional-types/">Optional Types in Dart</a> </b>
-  <br>
-  <em> Gilad Bracha, October 2011 </em>
-  <br>
-    Learn what Dart's dynamic type system does and doesn't do,
-    and get tips for using types.
-  </section>
-</section>
-
-
-<section>
-  <h3> Design decisions</h3>
+<h1> Articles </h1>
 
-  <section class="article">
-  <b> <a href="why-dart-types/">Why Dart Types Are Optional and Unsound</a> </b>
-  <br>
-  <em> Eli Brandt, December 2011 </em>
-  <br>
-    Understand <em>why</em> Dart's type system
-    works the way it does.
-  </section>
+<p>
+Read these articles for insight into Dart programming topics.
+</p>
 
-  <section class="article">
-  <b> <a href="why-not-bytecode/">Why Not a Bytecode VM?</a> </b>
-  <br>
-    <em> Florian Loitsch and Bob Nystrom, November 2011 </em>
-    <br>
-    Understand one of Dart's key architectural decisions.
-  </section>
-</section>
-</section>
+<div class="row">
+  <div class="span6">
+    {% articles everyday-dart %}
+  </div>
+  <div class="span6">
+    {% articles language-details %}
+  </div>
+</div>
+
+<div class="row">
+  <div class="span6">
+    {% articles libraries-and-apis %}
+  </div>
+  <div class="span6">
+    {% articles design-decisions %}
+  </div>
+</div>