Chalkboard feature added.

static/skald.css

@@ -731,6 +731,8 @@ h1 {
 #chatbox {
     height: 100%;
     position: relative;
+    display: flex;
+    flex-direction: column;
 }
 
 #chat {
@@ -754,7 +756,8 @@ h1 {
 
 #box {
     overflow: auto;
-    height: calc(100% - 53px);
+    flex: 1 1 auto;
+    min-height: 6rem;
     padding: 10px;
 }
 
@@ -812,6 +815,36 @@ h1 {
     width: 100%;
 }
 
+#chalkboard-area {
+    border-top: 1px solid #d7d7d7;
+    background: #fff;
+    padding: 0.35rem;
+}
+
+#chalkboard-label {
+    display: block;
+    font-size: 0.9rem;
+    font-weight: 700;
+    margin-bottom: 0.25rem;
+}
+
+#chalkboard {
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    min-height: 8rem;
+    resize: vertical;
+}
+
+#chalkboard[readonly] {
+    background: #f3f3f3;
+}
+
+#chalkboard:focus {
+    outline: 2px solid #0066cc;
+    outline-offset: 2px;
+}
+
 .sidenav {
     background-color: #4d076b;
     box-shadow: 0 0 24px 0 rgba(71,77,86,.1), 0 1px 0 0 rgba(71,77,86,.08);