Make some page elements wide

4 files changed, 55 insertions, 35 deletions

diff --git a/filters/code.lua b/filters/code.lua
deleted file mode 100644
index aca3ce8..0000000
--- a/filters/code.lua
+++ /dev/null
@@ -1,13 +0,0 @@
-function CodeBlock(el)
-    if el.classes[1] == "plain" then
-        el = pandoc.Div({ el }, { class = 's-code' })
-    elseif el.classes[1] then
-        local formatted = pandoc.pipe('pygmentize', {
-            '-l', el.classes[1], '-f', 'html', '-O', 'cssclass=s-code s-code--highlight',
-        }, el.text)
-
-        if formatted then el = pandoc.RawBlock('html', formatted) end
-    end
-
-    return el
-end
diff --git a/filters/headers.lua b/filters/headers.lua
deleted file mode 100644
index ea9cde6..0000000
--- a/filters/headers.lua
+++ /dev/null
@@ -1,9 +0,0 @@
-function Header(el)
-    if el.level <= 3 then
-        local newchildren = pandoc.List()
-        newchildren:insert(pandoc.Span(el.content, { class = 's-headings__primary' }))
-        el.content = newchildren
-    end
-
-    return el
-end
diff --git a/filters/icons.lua b/filters/icons.lua
deleted file mode 100644
index 3f8cb64..0000000
--- a/filters/icons.lua
+++ /dev/null
@@ -1,11 +0,0 @@
-function Str(el)
-    local icon = el.text:match('^:(.*):$')
-
-    if icon then
-        return pandoc.RawInline('html',
-            '<svg class="o-icon o-icon--inline" width="1em" height="1em" aria-hidden="true"><use href="/icons.svg#' ..
-                icon .. '"></use></svg>')
-    end
-
-    return el
-end
diff --git a/filters/macros.lua b/filters/macros.lua
index ca0b487..df08676 100644
--- a/filters/macros.lua
+++ b/filters/macros.lua
@@ -1,9 +1,20 @@
+function wide(el)
+    local els = pandoc.List()
+
+    els:insert(pandoc.RawBlock("html", "</div>"))
+    els:insert(el)
+    els:insert(pandoc.RawBlock("html", "<div class=\"l-container l-container--narrow u-ml-0\">"))
+
+    return els
+end
+
 function alert(el)
     el.classes = pandoc.List()
     el.classes:insert("o-alert")
     el.classes:insert("o-alert--primary")
     el.classes:insert("s-alerts__alert")
-    return el
+
+    return wide(el)
 end
 
 function figure(el)
@@ -11,12 +22,14 @@ function figure(el)
 
     pandoc.walk_block(el, { Image = function(iel) images:insert(iel) end })
 
-    return pandoc.RawBlock("html",
+    el = pandoc.RawBlock("html",
         "<figure class=\"c-figure\">\
             <a class=\"c-figure__link\" href=\"" .. images[1].src .. "\">\
                 <img class=\"c-figure__image\" src=\"" .. images[1].src .. "\" title=\"" .. images[1].title .. "\" />\
             </a>\
         </figure>")
+
+    return wide(el)
 end
 
 function Div(el)
@@ -28,3 +41,43 @@ function Div(el)
 
     return el
 end
+
+function CodeBlock(el)
+    if el.classes[1] == "plain" then
+        el = pandoc.Div({ el }, { class = 's-code' })
+    elseif el.classes[1] then
+        local formatted = pandoc.pipe('pygmentize', {
+            '-l', el.classes[1], '-f', 'html', '-O', 'cssclass=s-code s-code--highlight',
+        }, el.text)
+
+        if formatted then el = pandoc.RawBlock('html', formatted) end
+    end
+
+    return wide(el)
+end
+
+function Header(el)
+    if el.level <= 3 then
+        local newchildren = pandoc.List()
+        newchildren:insert(pandoc.Span(el.content, { class = 's-headings__primary' }))
+        el.content = newchildren
+    end
+
+    return el
+end
+
+function Table(el)
+    return wide(el)
+end
+
+function Str(el)
+    local icon = el.text:match('^:(.*):$')
+
+    if icon then
+        return pandoc.RawInline('html',
+            '<svg class="o-icon o-icon--inline" width="1em" height="1em" aria-hidden="true"><use href="/icons.svg#' ..
+                icon .. '"></use></svg>')
+    end
+
+    return el
+end