Try Dart 1 hour experience first draft

src/site/articles/trydart/examples/piratebadge.css

Index: src/site/articles/trydart/examples/piratebadge.css
diff --git a/src/site/articles/trydart/examples/piratebadge.css b/src/site/articles/trydart/examples/piratebadge.css
new file mode 100644
index 0000000000000000000000000000000000000000..a7e0660e360fc06c049ed661dc97fed8c476f450
--- /dev/null
+++ b/src/site/articles/trydart/examples/piratebadge.css
@@ -0,0 +1,57 @@
+
+body {
+  background-color: #F8F8F8;
+  font-family: 'Open Sans', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.2em;
+  margin: 15px;
+}
+
+h1, p {
+  color: #333;
+}
+.widgets {
+  padding-bottom: 20pt;
+  float: left;
+}
+.badge {
+  border: 2px solid brown;
+  border-radius: 1em;
+  background: red;
+  font-size: 14pt;
+  width: 14em;
+  height: 7em;
+  text-align: center;
+  float: left;
+  margin-left: 20px;
+}
+.greeting {
+  color: white;
+  font-family: sans-serif;
+  padding: 0.5em;
+}
+.name {
+  color: black;
+  background: white;
+  font-family: "Marker Felt", cursive;
+  font-size: 25pt;
+  padding-top: 1.0em;
+  padding-bottom: 0.7em;
+}
+#generateButton {
+  font-size: 12pt;
+  margin-top: 20px;
+}
+input[type="radio"]:disabled +label {
+  color: Gainsboro;
+}
+input[type="text"]:disabled {
+  color: Gainsboro;
+}
+input[type="text"] {
+  font-size: 12pt;
+  margin-top: 10pt;
+  margin-bottom: 10pt;
+}
+