article title and refactoring

content/pages/home.html

@@ -19,7 +19,7 @@
 		</section>
 
 		<section id="services" class="main">
-			<h2>Nos services finaux</h3>
+			<h2>Nos services finaux</h2>
 				<ul>
 					<li>
 						<span class="icon">

themes/jean-cloud/static/css/main.css

@@ -147,14 +147,17 @@ li:hover .dropdown, .dropdown li:hover .submenu, li:focus-within .dropdown, .dro
   display: block;
 }
 
+header {
+    text-align: center;
+}
+
 #header {
-	text-align: center;
 	margin-bottom: -2rem;
     height: 100vh;
     min-height: 30em;
 }
 
-#header h1 {
+header h1 {
 	font-size: 3.75em;
 	line-height: 1em;
 	font-weight: 400;
@@ -187,9 +190,9 @@ li:hover .dropdown, .dropdown li:hover .submenu, li:focus-within .dropdown, .dro
     margin: 0;
 }
 
-#header hr {
+header hr {
     top: 1.5em;
-    margin-bottom: 3em;
+    margin-bottom: 1em;
     border-top: solid 1px rgba(192, 192, 192, 0.35);
     border-bottom: solid 1px rgba(192, 192, 192, 0.35);
     position: relative;
@@ -198,7 +201,11 @@ li:hover .dropdown, .dropdown li:hover .submenu, li:focus-within .dropdown, .dro
     border-right: none;
 }
 
-#header hr::before, #header hr::after {
+#header hr {
+    margin-bottom:3em;
+}
+
+header hr::before, header hr::after {
     background: rgba(192, 192, 192, 0.35);
     content: '';
 	position: absolute;

themes/jean-cloud/templates/article.html

@@ -29,6 +29,7 @@
     <h1 class="entry-title">
     {{ article.title }}
     </h1>
+    <hr />
  {% import 'translations.html' as translations with context %}
  {{ translations.translations_for(article) }}
   </header>

themes/jean-cloud/templates/base.html

@@ -87,7 +87,7 @@ format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate"
 
 	<!-- Header -->
     {% if output_file == 'index.html' %}
-	<div id="header">
+	<header id="header">
         <div class="inner">
             <header>
                 <h1><a href="index.html" id="logo">Jean-Cloud</a></h1>
@@ -98,7 +98,7 @@ format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate"
                 <a href="#jeanqui" class="button circled scrolly">Découvrir&nbsp;!</a>
             </footer>
         </div>
-	</div>
+	</header>
     {% endif %}
 
     <!-- Main content -->