Index: src/site/articles/trydart/examples/4-classbadge/piratebadge.html |
diff --git a/src/site/articles/trydart/examples/4-classbadge/piratebadge.html b/src/site/articles/trydart/examples/4-classbadge/piratebadge.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..077643ae3d069a774e11b5d21692a3bb0025601c |
--- /dev/null |
+++ b/src/site/articles/trydart/examples/4-classbadge/piratebadge.html |
@@ -0,0 +1,36 @@ |
+<!-- 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> |
+ <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> |