feat: Ajout du design des blockquote

assets/styles/main.sass

@@ -72,6 +72,7 @@ body
   > .container
     background-color: white
     padding: 1rem
+    position: relative
     @media screen and (max-width: $size-sm)
       margin: 0
       padding: 1rem
@@ -187,6 +188,8 @@ hr
   max-width: 645px
   margin-left: auto
   margin-right: auto
+  @media screen and (max-width: $size-sm)
+    padding: 0
 
 .obfuscate:before
   content: attr(data-param2)
@@ -235,3 +238,48 @@ details > summary
       box-shadow: none
       color: $vert
       background-color: white
+
+blockquote
+  font-size: 1em
+  margin: 50px auto
+  font-family: Open Sans
+  font-style: italic
+  color: #555555
+  padding: 1.5rem
+  border-left: 8px solid $vert
+  line-height: 1.4
+  background: #EDEDED
+
+  position: relative
+  left: 0
+  right: 0
+  max-width: 100%
+
+  & > :first-child
+    margin-top: 0
+    padding-top: 0
+
+  & > :last-child
+    margin-bottom: 0
+    padding-bottom: 0
+
+  &::before
+    font-family: Arial
+    content: "\201C"
+    color: $vert
+    font-size: 10rem
+    position: absolute
+    left: 1rem
+    top: 2rem
+    opacity: .5
+    line-height: 0
+
+  @media screen and (max-width: $size-sm)
+    padding: 1rem
+
+blockquote span
+  display: block
+  color: #333333
+  font-style: normal
+  font-weight: bold
+  margin-top: 1em

config/_default/config.yml

@@ -40,6 +40,10 @@ markup:
   goldmark:
     renderer:
       unsafe: true
+    parser:
+      attribute:
+        block: true
+        title: true
 
 disableHugoGeneratorInject: true