Add template for Delimiter Block (#61)

resolves #57

src/frontend/styles/components/page.pcss

@@ -106,7 +106,6 @@
   line-height: 1.7em;
 }
 
-
 /**
  * List
  * ==================
@@ -117,3 +116,21 @@
   }
 }
 
+/**
+ * Delimiter
+ * ==================
+ */
+.block-delimiter {
+  line-height: 1.6em;
+  width: 100%;
+  text-align: center;
+
+  &::before {
+    display: inline-block;
+    content: "***";
+    font-size: 30px;
+    line-height: 65px;
+    height: 30px;
+    letter-spacing: 0.2em;
+  }
+}

src/views/pages/blocks/delimiter.twig

@@ -0,0 +1 @@
+<div class="block-delimiter"></div>

src/views/pages/page.twig

@@ -32,7 +32,7 @@
       {% for block in page.body.blocks %}
         {# Skip first header, because it is already showed as a Title #}
         {% if not (loop.first and block.type == 'header') %}
-          {% if block.type in ['paragraph', 'header', 'list', 'code'] %}
+          {% if block.type in ['paragraph', 'header', 'list', 'code', 'delimiter'] %}
             {% include './blocks/' ~ block.type ~ '.twig' with block.data %}
           {% endif %}
         {% endif %}