Design changes

src/components/d-article.js

@@ -5,13 +5,29 @@ const T = Template('d-article', `
 <style></style>
 `, false);
 
-
+// export function addInferableTags(dom, frontMatter) {
+//   const title = frontMatter.title;
+//   if (title) {
+//     const titleTag = document.querySelector()
+//
+//   }
+// }
 
 export class Article extends T(HTMLElement) {
 
-  // constructor() {
-  //   super();
-  // }
+  constructor() {
+    super();
+
+    new MutationObserver( (mutations) => {
+      for (const mutation of mutations) {
+        for (const addedNode of mutation.addedNodes) {
+          if (addedNode.nodeName === 'HR') {
+            console.warn('Use of <hr> tags in distill articles is discouraged!');
+          }
+        }
+      }
+    }).observe(this, {childList: true});
+  }
 
   connectedCallback() {
     for (const [functionName, callback] of Object.entries(Controller.listeners)) {