Design: Header sizes about cevi-tools-webpage HOT 6 CLOSED

My suggestion, therefore, is to modify the HTML template such that the page title (same as nav entry) is omitted and only the Markdown title is rendered. Such an approach has the advantage, that the nav entry and the page title must not be identical.

from cevi-tools-webpage.

Currently, both titles are h1 but with different CSS style properties. This is bad practice anyway and should be changed. When you look into the HTML template it gets lear that the first h1 (the bigger one) is the "page title", i.g. the entry from the navigation, the second h1 (the smaller one) gets rendered out of the Markdown file.

Therefore a page, e.g.:

---
layout: page
title: In Entwicklung
permalink: /entwicklung/
weight: 2
---


# Webtools in Entwicklung

gets rendered as:

<article class="post">

  <header class="post-header">
    <h1 class="post-title">In Entwicklung</h1>
  </header>

  <div class="post-content">
    <h1 id="webtools-in-entwicklung">Webtools in Entwicklung</h1>
<p>Hier zeigen wir euch bald, an welchen neuen spannenden Projekten wir arbeiten.</p>

  </div>

</article>

from cevi-tools-webpage.

I will create a PR that does this.

from cevi-tools-webpage.

Well... this does not fix the issue.
The H1 title from the markdown file is smaller than the H2.
Maybe we keep the title from the site however remove the ones in the markdown files?

from cevi-tools-webpage.

Just update the CSS as well. By copy past the style for the h1

into the section for rendering the markdown file

from cevi-tools-webpage.

I still prefer separating page titles and navigation entries

from cevi-tools-webpage.