| Index: src/site/articles/trydart/examples/7-piratebadge_json/piratebadge.html
 | 
| diff --git a/src/site/articles/trydart/examples/7-piratebadge_json/piratebadge.html b/src/site/articles/trydart/examples/7-piratebadge_json/piratebadge.html
 | 
| new file mode 100644
 | 
| index 0000000000000000000000000000000000000000..a68c0c8be18f2e2f0303c5cfdfb58ce0a1eac0f5
 | 
| --- /dev/null
 | 
| +++ b/src/site/articles/trydart/examples/7-piratebadge_json/piratebadge.html
 | 
| @@ -0,0 +1,47 @@
 | 
| +<!-- Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
 | 
| +     for details. All rights reserved. Use of this source code is governed by a
 | 
| +     BSD-style license that can be found in the LICENSE file.
 | 
| +-->
 | 
| +
 | 
| +<!DOCTYPE html>
 | 
| +
 | 
| +<html>
 | 
| +  <head>
 | 
| +    <meta charset="utf-8">
 | 
| +    <title>Pirate badge</title>
 | 
| +    <link rel="stylesheet" href="../piratebadge.css">
 | 
| +  </head>
 | 
| +  <body>
 | 
| +    <h1>Pirate badge</h1>
 | 
| +    
 | 
| +    <div class="widgets">
 | 
| +      <div>
 | 
| +        <input type="text" id="inputName" placeholder="Your name here">
 | 
| +      </div>
 | 
| +      <div>
 | 
| +        <input type="checkbox" id="useRandomName">
 | 
| +        <label for="useRandomName">Use random name.</label>
 | 
| +      </div>
 | 
| +      <div>
 | 
| +        <input name="captainOrScallywag" type="radio" value="captain" id="captain" disabled>
 | 
| +        <label for="captain">Captain</label>
 | 
| +        <input name="captainOrScallywag" type="radio" value="scallywag" id="scallywag" disabled checked>
 | 
| +        <label for="scallywag">Scallywag</label>
 | 
| +      </div>
 | 
| +      <div>
 | 
| +        <button id="generateButton">Generate badge</button>
 | 
| +      </div>
 | 
| +    </div>
 | 
| +    <div class="badge">
 | 
| +      <div class="greeting">
 | 
| +        Arrr! Me name is
 | 
| +      </div>
 | 
| +      <div class="name">
 | 
| +        <span id="badgeName"> </span>
 | 
| +      </div>
 | 
| +    </div>
 | 
| +
 | 
| +    <script type="application/dart" src="piratebadge.dart"></script>
 | 
| +    <script src="packages/browser/dart.js"></script>
 | 
| +  </body>
 | 
| +</html>
 | 
| 
 |