add source link

project.el

@@ -73,13 +73,16 @@
                                    (car date))))
       " on "
       (format " <a href=\"%s\">Yann Esposito's blog</a>" websiteorigin)
-      " - "
       (let ((permalink (format "%s%s"
                                websiteorigin
                                (replace-regexp-in-string ".*/_site" ""
                                                          (plist-get info :output-file)))))
-        (format " <a class=\"permalink\" href=\"%s\">§permalink</a>" permalink))
-
+        (concat
+         " - "
+         (let ((orgfile (replace-regexp-in-string "\.html$" ".org" permalink)))
+           (format " <a href=\"%s\">source</a>" orgfile))
+         " - "
+         (format " <a class=\"permalink\" href=\"%s\">§permalink</a>" permalink)))
       "</div>"))
    "</div>"))
 

src/css/mk.css

@@ -5,16 +5,19 @@
 :root {
     --lh: 17px;
 }
+
 body {
     font-size: 15px;
     font-family: sans-serif;
     line-height: var(--lh);
     min-height: 100vh;
 }
-code, pre, pre code {
+code {
+    font-size: 13px;
+}
+pre {
     line-height: 1em;
-    font-size: 14px;
-    font-family: monospace;
+    font-size: 12px;
 }
 blockquote pre {
     line-height: var(--lh);
@@ -160,9 +163,6 @@ pre:after,pre:before {
 pre:before {
     content: "~~~~~~~ " attr(class);
 }
-pre code {
-    background: none;
-}
 nav {
     display: block;
     padding: 10px 0;
@@ -231,6 +231,11 @@ figure, .figure {
 label + pre {
     margin-top: 0;
 }
+li .keywords {
+    font-style: italic;
+}
+
+/* COLORS */
 :root {
     --b03:  #2E3440;
     --b02:  #3B4252;
@@ -269,10 +274,6 @@ body {
 h1, h2, h3, h4, h5, h6 {
     color: var(--rbg)
 }
-::selection {
-    color: white;
-    background: var(--v);
-}
 a {
     color: var(--hl);
 }
@@ -288,8 +289,6 @@ sup > a {
     background: var(--rbg);
 }
 
-body > input { display:none; }
-
 h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
     color: var(--fg0);
 }
@@ -298,15 +297,10 @@ h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
     color: var(--fg0);
 }
 
-li .keywords {
-    font-style: italic;
-    color: var(--fg0);
-}
-
 nav a, nav a:visited {
     color: var(--fg);
 }
-
+li .keywords,
 ol > li:before, pre::after,pre::before,hr:after, label, label a, label a:visited {
     color: var(--fg0);
 }