Class tweaks for convenience

2019-06-21 20:26:41 +00:00
parent d35d877a00
commit 0b8f6866c8
3 changed files with 20 additions and 3 deletions
--- a/architype.css
+++ b/architype.css
@@ -14,9 +14,12 @@ body {
  left: 0;
  right: 0;
  bottom: 0;
-
  margin: 0;
+}

+.architype {
+  width: 100%;
+  height: 100%;
  font-family: 'Courier', monospace;
 }

--- a/architype.js
+++ b/architype.js
@@ -1,5 +1,19 @@
 'use strict';

+class Architype {
+  constructor(container) {
+    this.container_ = container;
+
+    this.container_.classList.add('architype');
+    // TODO: make theme selectable
+    this.container_.classList.add('google');
+
+    let editorElem = document.createElement('ul');
+    this.container_.appendChild(editorElem);
+    this.editor_ = new Editor(editorElem);
+  }
+}
+
 class ListenUtils {
  constructor() {
    this.listeners_ = [];
@@ -580,4 +594,4 @@ class Link extends EditorEntryBase {
  }
 }

-new Editor(document.getElementById('definition'));
+new Architype(document.getElementById('architype'));
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
 </head>

 <body>
-<ul id="definition" class=google>
+<div id=architype></div>
 </ul>
 <script>
 <!--# include file="architype.js" -->