2 files changed, 21 insertions, 0 deletions

diff --git a/app/views/custom/partials/_date_and_title.html.erb b/app/views/custom/partials/_date_and_title.html.erb
new file mode 100644
index 00000000..e9e69342
--- /dev/null
+++ b/app/views/custom/partials/_date_and_title.html.erb
@@ -0,0 +1,11 @@
+<div class="article_partial date_and_title_partial" lang="<%= page.effective_lang %>">
+  <div class="entry_date">
+    <time datetime="<%= (page.published_at || page.created_at).to_date.iso8601 %>"><%= date_for_page page %></time>
+  </div>
+  <div class="entry_body">
+    <h2 class="headline"><%= link_to_path page.title, page.node.unique_name %></h2>
+    <% if page.abstract.present? %>
+      <p class="excerpt"><%= page.abstract %></p>
+    <% end %>
+  </div>
+</div>
diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css
index 9bd9f965..978b319b 100644
--- a/public/stylesheets/ccc.css
+++ b/public/stylesheets/ccc.css
@@ -730,6 +730,16 @@ div#center_column .chapter_partial h2.headline {
   border-top: none;
 }
 
+div#center_column .date_and_title_partial h2.headline {
+  border-top: none;
+  padding-top: 0;
+}
+
+.date_and_title_partial {
+  border-top: 1px solid color-mix(in srgb, CanvasText, Canvas 70%);
+  padding-top: 30px;
+}
+
 div.article_partial h2 a {
   text-decoration: none;
 }