move on index build and linking previous and next articles

templates/styles_src/style_general.scss

@@ -36,6 +36,15 @@ h6 {
   margin-top: 1em;
   margin-bottom: 2rem;
   color: #333;
+  text-decoration: none !important;
+}
+
+hr+h1 {
+  margin-top: 5rem;
+}
+
+h1:first-letter {
+  text-transform: uppercase;
 }
 
 /* 1. Use a more-intuitive box-sizing model */
@@ -72,6 +81,7 @@ body {
     max-width: 100%;
   }
 }
+
 pre,
 .sourceCode {
   overflow: auto;
@@ -91,22 +101,25 @@ a {
   }
 
   .nav &,
-  
+
   .page__index & {
     padding: 0.55rem 2rem;
     display: block;
     margin-right: 1rem;
     margin-bottom: 1rem;
   }
-  .site-footer &{
+
+  .site-footer & {
     margin: 0 1rem;
     text-decoration: underline;
   }
 
 }
-a img{
+
+a img {
   transition: 0.25s box-shadow ease-out;
-  &:hover{
+
+  &:hover {
 
     box-shadow: 0 0 1rem #ccc;
     transition: 0.25s all ease-in;
@@ -119,6 +132,7 @@ textarea,
 select {
   font: inherit;
 }
+
 p {
   overflow-wrap: break-word;
   text-wrap: pretty;
@@ -172,9 +186,11 @@ ul {
 
 li {
   margin-bottom: 1em;
+
   #tags_page & {
     display: inline;
   }
+
   a {
     display: inline-block;
     margin-right: 1em;
@@ -185,32 +201,38 @@ li {
 #title-block-header {
   display: none;
 }
+
 .navbar-brand {
   visibility: hidden;
   text-align: left;
 }
+
 .navbar-start {
-  > .navbar-item {
+  >.navbar-item {
     float: left;
   }
 }
+
 .navbar-menu {
   img {
     width: 2rem;
     height: 2rem;
     margin-right: 1rem;
   }
+
   a {
     margin: 0 1rem;
     text-decoration: underline;
   }
 }
-#recherche{
+
+#recherche {
 
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   float: right;
-  input{
+
+  input {
     background: transparent;
     padding: 0.5rem;
     border: solid 1px #555;
@@ -220,6 +242,7 @@ li {
 
 #masthead {
   text-align: center;
+
   .site-icon {
     width: 9rem;
     height: auto;
@@ -228,11 +251,13 @@ li {
     padding: 1rem;
   }
 }
+
 .header-image {
   padding: 1rem;
   background-position: center;
   background-size: cover;
 }
+
 .blog-title,
 .blog-subtitle {
   margin: 1rem;
@@ -255,9 +280,10 @@ li {
 
 .content {
   min-height: 15rem;
-  
+
 }
-.after-article{
+
+.after-article {
   border-top: 1px solid #dedede;
   padding: 1rem;
 }
@@ -279,16 +305,33 @@ li {
 #tags_page {
   li {
     margin-right: 2ch;
+
     a {
       margin-right: 1ch;
     }
   }
 }
+
+
+blockquote,
+q {
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+  quotes: none;
+  border-left: 3px solid grey;
+  padding-left: 2rem;
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
 @media (max-width: 75ch) {
   body {
     padding: 0;
   }
+
   main {
     padding: 1rem;
   }
-}
+}