mise en page des articles

output/index.html

@@ -23,7 +23,7 @@
 
     <a class="vignette" href="/construction.html">
         <img class= "img-menu" src="/images/Construction/Construction-1.jpg" alt="construction">
-        <h2>Construction workers</h2>
+        <h2>Construction</h2>
     </a>
 
     <a class="vignette" href="/sunday.html">

output/theme/css/main-v2.css

@@ -107,6 +107,7 @@ header{
 .vignette h2{
     font-family: solidemirage;
     font-size: 80px;
+    line-height: 90px;
     position: absolute;
     visibility: visible;
     opacity: 0;
@@ -151,17 +152,35 @@ p a {
     content:"_";
 }
 
+.article {
+    display: flex;
+}
+
 .content{
     margin-top: 150px;
     padding-left: 40px;
     padding-bottom: 5em;
-    line-height: 1.2;
-    font-size: 1.2em;
-    text-align: justify;
-    text-justify: inter-word;
+    line-height: 1.4em;
+    font-size: 1.3em;
+    text-align: left;
     font-family: mplus-regular;
 }
 
+.article-img img{
+    width: 95%;
+    padding-bottom: 20px;
+    padding-top: 25px;
+}
+
+.article-img img:hover {
+    opacity: 0.7;
+}
+
+.column {
+    float: left; 
+    width: 43%;
+}
+
 .gallery-img {
     width: 100%;
     padding-bottom: 30px;
@@ -171,24 +190,6 @@ p a {
     display: none;
 }
 
-.article-content p {
-    font-size: 1.2em;
-    line-height: 150%;
-}
-
-.article-img img{
-    width: 80%;
-    padding-bottom: 20px;
-}
-
-.article-img img:hover {
-    opacity: 0.7;
-}
-
-.article {
-    display: flex;
-}
-
 .gallery {
     display: block;
     width: 80%;
@@ -199,11 +200,6 @@ p a {
     clear: both;
 }
 
-.column {
-    float: left; 
-    width: 40%;
-}
-
 #slide-container {
     display: none;
     width: 100%;

themes/felicie/static/css/main-v2.css

@@ -107,6 +107,7 @@ header{
 .vignette h2{
     font-family: solidemirage;
     font-size: 80px;
+    line-height: 90px;
     position: absolute;
     visibility: visible;
     opacity: 0;
@@ -151,17 +152,35 @@ p a {
     content:"_";
 }
 
+.article {
+    display: flex;
+}
+
 .content{
     margin-top: 150px;
     padding-left: 40px;
     padding-bottom: 5em;
-    line-height: 1.2;
-    font-size: 1.2em;
-    text-align: justify;
-    text-justify: inter-word;
+    line-height: 1.4em;
+    font-size: 1.3em;
+    text-align: left;
     font-family: mplus-regular;
 }
 
+.article-img img{
+    width: 95%;
+    padding-bottom: 20px;
+    padding-top: 25px;
+}
+
+.article-img img:hover {
+    opacity: 0.7;
+}
+
+.column {
+    float: left; 
+    width: 43%;
+}
+
 .gallery-img {
     width: 100%;
     padding-bottom: 30px;
@@ -171,24 +190,6 @@ p a {
     display: none;
 }
 
-.article-content p {
-    font-size: 1.2em;
-    line-height: 150%;
-}
-
-.article-img img{
-    width: 80%;
-    padding-bottom: 20px;
-}
-
-.article-img img:hover {
-    opacity: 0.7;
-}
-
-.article {
-    display: flex;
-}
-
 .gallery {
     display: block;
     width: 80%;
@@ -199,11 +200,6 @@ p a {
     clear: both;
 }
 
-.column {
-    float: left; 
-    width: 40%;
-}
-
 #slide-container {
     display: none;
     width: 100%;

themes/felicie/templates/index.html

@@ -14,7 +14,7 @@
 
     <a class="vignette" href="{{ SITE_URL }}/construction.html">
         <img class= "img-menu" src="{{ SITE_URL }}/images/Construction/Construction-1.jpg" alt="construction">
-        <h2>Construction workers</h2>
+        <h2>Construction</h2>
     </a>
 
     <a class="vignette" href="{{ SITE_URL }}/sunday.html">