Promote article title from h2 to h1 and fix css accordingly

9 files changed, 19 insertions, 9 deletions

diff --git a/app/views/custom/page_templates/public/chapter_detail.html.erb b/app/views/custom/page_templates/public/chapter_detail.html.erb
index 18449b80..794be823 100644
--- a/app/views/custom/page_templates/public/chapter_detail.html.erb
+++ b/app/views/custom/page_templates/public/chapter_detail.html.erb
@@ -1,5 +1,5 @@
 <div class="article" lang="<%= @page.effective_lang %>">
-  <h2 class="headline"><%= @page.title %></h2>
+  <h1 class="headline"><%= @page.title %></h1>
   <%= headline_image %>
   <% if @page.node.external_url.present? %>
     <div class="chapter_url"><%= link_to @page.node.external_url, @page.node.external_url, target: '_blank', rel: 'noopener' %></div>
diff --git a/app/views/custom/page_templates/public/no_date_and_author.html.erb b/app/views/custom/page_templates/public/no_date_and_author.html.erb
index ec7e8501..ddfc2fac 100644
--- a/app/views/custom/page_templates/public/no_date_and_author.html.erb
+++ b/app/views/custom/page_templates/public/no_date_and_author.html.erb
@@ -1,5 +1,5 @@
 <div class="article" lang="<%= @page.effective_lang %>">
-  <h2 class="headline"><%= @page.title %></h2>
+  <h1 class="headline"><%= @page.title %></h1>
   <p><%= sanitize( @page.abstract ) %></p>
   <div id="headline_image"><%= headline_image %></div>
   <%= aggregate?(@page.body) %>
diff --git a/app/views/custom/page_templates/public/no_date_and_author_with_map.html.erb b/app/views/custom/page_templates/public/no_date_and_author_with_map.html.erb
index 6e86edff..d10fbff7 100644
--- a/app/views/custom/page_templates/public/no_date_and_author_with_map.html.erb
+++ b/app/views/custom/page_templates/public/no_date_and_author_with_map.html.erb
@@ -1,5 +1,5 @@
 <div class="article">
-  <h2 class="headline"><%= @page.title %></h2>
+  <h1 class="headline"><%= @page.title %></h1>
   <p><%= sanitize( @page.abstract ) %></p>
   <object data="/system/uploads/327/original/map.svg" type="image/svg+xml"/>
   <%= aggregate?(@page.body) %>
diff --git a/app/views/custom/page_templates/public/standard_template.html.erb b/app/views/custom/page_templates/public/standard_template.html.erb
index e1e2eb08..9c5bb5bf 100644
--- a/app/views/custom/page_templates/public/standard_template.html.erb
+++ b/app/views/custom/page_templates/public/standard_template.html.erb
@@ -1,5 +1,5 @@
 <div class="article" lang="<%= @page.effective_lang %>">
-  <h2 class="headline"><%= @page.title %></h2>
+  <h1 class="headline"><%= @page.title %></h1>
   <div class="abstract"><p><%= sanitize( @page.abstract )%></p></div>
   <div id="headline_image"><%= headline_image %></div>
   <div class="body"><%= aggregate?(@page.body) %></div>
diff --git a/app/views/custom/page_templates/public/title_only.html.erb b/app/views/custom/page_templates/public/title_only.html.erb
index d706e9dc..eaf7b1a8 100644
--- a/app/views/custom/page_templates/public/title_only.html.erb
+++ b/app/views/custom/page_templates/public/title_only.html.erb
@@ -1,5 +1,5 @@
 <div class="article" lang="<%= @page.effective_lang %>">
-  <h2 class="headline"><%= @page.title %></h2>
+  <h1 class="headline"><%= @page.title %></h1>
   <div id="headline_image"><%= headline_image %></div>
   <%= aggregate?(@page.body) %>
   <%= render partial: 'content/asset_credits' %>
diff --git a/app/views/custom/page_templates/public/update.html.erb b/app/views/custom/page_templates/public/update.html.erb
index f460f621..2174e358 100644
--- a/app/views/custom/page_templates/public/update.html.erb
+++ b/app/views/custom/page_templates/public/update.html.erb
@@ -1,5 +1,5 @@
 <div class="article" lang="<%= @page.effective_lang %>">
-  <h2 class="headline"><%= @page.title %></h2>
+  <h1 class="headline"><%= @page.title %></h1>
   <div class="author_and_date"><%= date_and_time_for_page @page %>, <%= @page.user.try(:login) %></div>
   <div class="abstract"><p><%= sanitize( @page.abstract )%></p></div>
   <div id="headline_image"><%= headline_image %></div>
diff --git a/app/views/search/index.html.erb b/app/views/search/index.html.erb
index bb8f63b7..5fd004ef 100644
--- a/app/views/search/index.html.erb
+++ b/app/views/search/index.html.erb
@@ -1,5 +1,5 @@
 <% if params[:search_term] %>
-  <h2><%= t(".results_for", :query => params[:search_term]) %></h2>
+  <h1><%= t(".results_for", :query => params[:search_term]) %></h1>
 <% end %>
 
 <%= 
diff --git a/app/views/tags/show.html.erb b/app/views/tags/show.html.erb
index eddf9b88..b46475ff 100644
--- a/app/views/tags/show.html.erb
+++ b/app/views/tags/show.html.erb
@@ -1,4 +1,4 @@
-<h2><%= t(:show_tag_headline) %> »<%=h @tag %>«</h2>
+<h1><%= t(:show_tag_headline) %> »<%=h @tag %>«</h1>
 
 <p class="feed_link">
   <%= link_to t(".subscribe", :tag => @tag),
diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css
index 5b10fa26..f018d2b2 100644
--- a/public/stylesheets/ccc.css
+++ b/public/stylesheets/ccc.css
@@ -229,7 +229,7 @@ h4 {
   text-decoration: none;
 }
 
-h1, h2, h3 {
+h1, h2, h3, h4 {
   word-wrap: anywhere;
   hyphens:auto;
 }
@@ -696,6 +696,11 @@ div#tags li {
   text-align: left;
 }
 
+div#center_column h1 {
+  font-size: 1.5em;
+  line-height: 1.2;
+}
+
 div#center_column h2 a {
   color: CanvasText;
   text-decoration: none;
@@ -705,10 +710,15 @@ div#center_column h2 a:hover {
   color: color-mix(in srgb, CanvasText, #808080 50%);
 }
 
+div#center_column h1.headline,
 div#center_column h2.headline {
   margin-top: 10px;
 }
 
+div#center_column h1.headline {
+  font-size: 1.5em;
+}
+
 div#center_column .article_partial h2.headline {
   border-top: 1px solid color-mix(in srgb, CanvasText, Canvas 70%);
   padding-top: 30px;