From 1c20c81d0667a474c8723dde2cbc15483aec3f0a Mon Sep 17 00:00:00 2001
From: Edward Loveall <edward@edwardloveall.com>
Date: Wed, 15 Sep 2021 15:25:34 -0400
Subject: [PATCH] Fix Blockquotes

In tufte.css blockquotes should contain a <p> that holds the content
and an optional <footer> for the source of the quote. Otherwise the
block quote text is unbounded and is way too wide. This wraps the
content in a paragraph
---
 spec/components/page_content_spec.cr | 2 +-
 src/components/page_content.cr       | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/spec/components/page_content_spec.cr b/spec/components/page_content_spec.cr
index 6272a43..635052b 100644
--- a/spec/components/page_content_spec.cr
+++ b/spec/components/page_content_spec.cr
@@ -81,7 +81,7 @@ describe PageContent do
 
     html = PageContent.new(page: page).render_to_string
 
-    html.should eq %(<blockquote>Wayne Gretzky. Michael Scott.</blockquote>)
+    html.should eq %(<blockquote><p>Wayne Gretzky. Michael Scott.</p></blockquote>)
   end
 
   it "renders code" do
diff --git a/src/components/page_content.cr b/src/components/page_content.cr
index 980b424..0bbbc50 100644
--- a/src/components/page_content.cr
+++ b/src/components/page_content.cr
@@ -17,7 +17,9 @@ class PageContent < BaseComponent
   end
 
   def render_child(node : BlockQuote)
-    blockquote { render_children(node.children) }
+    blockquote do
+      para { render_children(node.children) }
+    end
   end
 
   def render_child(node : Code)