Wrapping leaf nodes in non polymer elements

runtime/observatory/lib/src/elements/view_footer.dart

Index: runtime/observatory/lib/src/elements/view_footer.dart
diff --git a/runtime/observatory/lib/src/elements/view_footer.dart b/runtime/observatory/lib/src/elements/view_footer.dart
index a182511bb93990185d4cd6bb7c896238e3e7b134..8ac377fcfba3e6b7b6b405db3d5bbadd6970a6a9 100644
--- a/runtime/observatory/lib/src/elements/view_footer.dart
+++ b/runtime/observatory/lib/src/elements/view_footer.dart
@@ -4,10 +4,66 @@
 
 library view_footer_element;
 
-import 'package:polymer/polymer.dart';
-import 'observatory_element.dart';
+import 'dart:html';
+import 'helpers/tag.dart';
 
-@CustomTag('view-footer')
-class ViewFooterElement extends ObservatoryElement {
-  ViewFooterElement.created() : super.created();
+class ViewFooterElement extends HtmlElement {
+  static final StyleElement _style = () {
+      var style = new StyleElement();
+      style.text = 'div.view-footer {'
+                   '  float: right;'
+                   '  padding: 1em;'
+                   '}'
+                   'div.view-footer a {'
+                   '  color: #0489c3;'
+                   '  font: 400 14px \'Montserrat\', sans-serif;'
+                   '  font-size:90%;'
+                   '  text-decoration: none;'
+                   '}'
+                   'div.view-footer a:hover {'
+                   '  text-decoration: underline;'
+                   '}';
+      return style;
+  }();
+
+  static const tag =
+    const Tag<ViewFooterElement>('view-footer');
+
+  factory ViewFooterElement() {
+    return document.createElement(tag.name);
+  }
+
+  ViewFooterElement.created() : super.created() {
+    createShadowRoot();
+  }
+
+  @override
+  void attached() {
+    super.attached();
+    render();
+  }
+
+  void render() {
+    List<Element> children = <Element>[];
+    children.add(_style.clone(true));
+    for (int i = 0; i < 8; ++i) { children.add(new BRElement()); }
+    children.add(new DivElement()
+      ..classes = ['view-footer']
+      ..children = [
+        new ParagraphElement()
+          ..children = [
+            new AnchorElement()
+              ..href = 'https://www.dartlang.org/tools/observatory'
+              ..text = 'View documentation'
+          ],
+        new ParagraphElement()
+          ..children = [
+            new AnchorElement()
+              ..href = 'https://github.com/dart-lang/sdk/issues/new?title=Observatory:&amp;body=Observatory%20Feedback'
+              ..text = 'File a bug report'
+          ]
+      ]
+    );
+    shadowRoot.children = children;
+  }
 }