Add "Syntax Highlighted Code Block" to Templates

linux-man · May 15, 2017 · b6262ae · b6262ae
1 parent c19a56c
commit b6262ae
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/js/unreel.js b/js/unreel.js
@@ -165,7 +165,8 @@ window.onload = () => {
       {title: "Subtitle", description: "Title, Subtitle and Content", content: "<h1>Title</h1><h2>Subtitle</h2><p>Text</p>"},
       {title: "2 Panels", description: "Title and 2 Horizontal Panels", content: "<h1>Title</h1><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 1</div><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 2</div>"},
       {title: "3 Panels", description: "Title and 3 Horizontal Panels", content: "<h1>Title</h1><div class=\"mceResizable\" style=\"width: 33%;float: left\">Panel 1</div><div class=\"mceResizable\" style=\"width: 33%;float: left\">Panel 2</div><div class=\"mceResizable\" style=\"width: 33%;float: left\">Panel 3</div>"},
-      {title: "4 Panels", description: "Title and 4 Panels", content: "<h1>Title</h1><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 1</div><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 2</div><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 3</div><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 4</div>"}
+      {title: "4 Panels", description: "Title and 4 Panels", content: "<h1>Title</h1><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 1</div><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 2</div><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 3</div><div class=\"mceResizable\" style=\"width: 50%;float: left\">Panel 4</div>"},
+      {title: "Code Block", description: "Syntax Highlighted Code Block", content: "<h1>Title</h1><pre><code>println(\"Hello world\")</code></pre>"}
     ],
     style_formats: [
       {title: "Headers", items: [