style blockquotes

issues/_common/header

@@ -99,6 +99,38 @@ ul {
     padding-left: .5em;
 }
 
+blockquote {
+	position: relative;
+	padding: 1.5rem;
+}
+
+blockquote:before,
+blockquote:after {
+	position: absolute;
+	font-size: 4rem;
+    color:rgba(128,128,128,0.5);
+}
+
+blockquote:before {
+	content: open-quote;
+	left: -1rem;
+	top: -1rem;
+}
+
+blockquote:after {
+	content: close-quote;
+	right: -1rem;
+	bottom: -1rem;
+}
+
+cite {
+    font-size: smaller;
+	text-align: right;
+    width:100%;
+    display:block;
+}
+branle bas de combat en interne
+
 @media print {
     body { background-color:white; max-width:100%;}
     main { column-count:1; }

issues/_template/91_QUOTES.html

@@ -3,7 +3,7 @@
 <h1>Quote</h1>
 <div>
 <blockquote>
-    glub.
-    -- Puffy
+    glub
+    <cite>&mdash; Puffy</cite>
 </blockquote>
 </div-->

issues/issue-2/91_QUOTES.html

@@ -3,5 +3,5 @@
 <h1>Quote</h1>
 <blockquote>
     Boredom is a powerful driving force.
-    -- solene@openbsd</em>
+    <cite>&mdash; solene@openbsd</cite>
 </blockquote>