move on index build and linking previous and next articles

templates/styles/style_general.css

@@ -37,6 +37,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 */
@@ -272,6 +281,19 @@ li 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;

templates/styles/style_general.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss"],"names":[],"mappings":";AAAA;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;AAEA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;EACA;;;AAGJ;AAAA;EAEE;;;AAIF;EACE;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAIJ;EACE;;AACA;EAEE;EACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAEF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE;EACA;;;AAKJ;EACE;;;AAEF;EACE;EACA;;;AAGA;EACE;;;AAIF;EACE;EACA;EACA;;AAEF;EACE;EACA;;;AAGJ;EAEE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAIA;EACE;;;AAKF;EACE;;AACA;EACE;;;AAIN;EACE;IACE;;EAEF;IACE","file":"style_general.css"}
+{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss"],"names":[],"mappings":";AAAA;AACA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;;AAEA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAKJ;EACE;;AAEA;EAEE;EACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;;AAKJ;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAIA;EACE;;;AAKF;EACE;;AAEA;EACE;;;AAMN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE","file":"style_general.css"}

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;
   }
-}
+}