Added dialogue node type. Except I called it chat. I would mispell di…

…alouge all day long.
breck7 · May 15, 2021 · f78f8ae · f78f8ae
1 parent 3df0c0c
commit f78f8ae
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
  
  Generally you don't want to edit it by hand.
 
- Scroll v12.0.0
+ Scroll v12.1.0
 
 -->
 <html lang="en-US">
@@ -30,6 +30,26 @@
 .scrollHeader,.scrollFooter {
   text-align: center;
 }
+.scrollChat span {
+  font-family: Verdana;
+  margin-top: 5px;
+  padding: 5px 20px;
+  border-radius: 15px;
+  display: inline-block;
+}
+.scrollChat0 {
+  text-align: left;
+}
+.scrollChat0 span {
+  background: rgba(204,204,204, .5);
+}
+.scrollChat1 {
+  text-align: right;
+}
+.scrollChat1 span {
+  color: white;
+  background: rgb(0,132,255);
+}
 .scrollTitle a {
   text-decoration: none;
   color: #000;
@@ -338,6 +358,13 @@ <h4>What were some alternatives considered?</h4>
 
 <h4>What changed in recent major versions?</h4>
 
+<h6>12.0.0 05-12-2021</h6>
+<ul>
+ <li>NOTICE scroll create is now scroll init</li>
+ <li>NOTICE Removed export command</li>
+ <li>INFRA removed example.com folder. Less code and now flat.</li>
+</ul>
+
 <h6>11.0.0 05-11-2021</h6>
 <ul>
  <li>NEW list, orderedList, and links node types</li>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "scroll-cli",
-  "version": "12.0.0",
+  "version": "12.1.0",
   "description": "Build your own public domain newspaper.",
   "main": "index.js",
   "engines": {

diff --git a/scroll.hakon b/scroll.hakon
@@ -15,6 +15,23 @@ html
 .scrollHeader,.scrollFooter
  text-align center
 
+.scrollChat
+ span
+  font-family Verdana
+  margin-top 5px
+  padding 5px 20px
+  border-radius 15px
+  display inline-block
+.scrollChat0
+ text-align left
+ span
+  background rgba(204,204,204, .5)
+.scrollChat1
+ text-align right
+ span
+  color white
+  background rgb(0,132,255)
+
 .scrollTitle
  a
   text-decoration none

diff --git a/scrolldown.grammar b/scrolldown.grammar
@@ -57,7 +57,7 @@ codeNode
  extends abstractTopLevelNode
  javascript
   compile() {
-   return `<code class="scrollCodeBlock">${this.getIndentation() +  this.childrenToString().replace(/\</g, "&lt;")}</code>`
+   return `<code class="scrollCodeBlock">${this.childrenToString().replace(/\</g, "&lt;")}</code>`
   }
  crux code
 codeWithLanguageNode
@@ -67,13 +67,25 @@ codeWithLanguageNode
 lineOfCodeNode
  catchAllCellType codeCell
  catchAllNodeType lineOfCodeNode
+chatLineNode
+ catchAllCellType anyCell
+ catchAllNodeType chatLineNode
+chatNode
+ description A dialogue between two people.
+ catchAllNodeType chatLineNode
+ crux chat
+ extends abstractTopLevelNode
+ javascript
+  compile() {
+   return this.map((line, index) => `<div class="scrollChat scrollChat${index % 2}"><span>${line.toString()}</span></div>`).join("")
+  }
 quoteNode
  description A blockquote.
  catchAllNodeType quoteLineNode
  extends abstractTopLevelNode
  javascript
   compile() {
-   return `<blockquote>${this.getIndentation() + this.childrenToString()}</blockquote>`
+   return `<blockquote>${this.childrenToString()}</blockquote>`
   }
  crux quote
 quoteLineNode