Style update

- Squiggly links work again.
- The #content margin should be the default non-auto value below 1000px.
- Footnotes also deserve more breathing room.
- Show the code of inline src blocks by default.
- Set default link colour to inherit.
- Make verbatim padding proportional to size.

assets/archive.org

@@ -1,6 +1,6 @@
 #+title: Archive
 #+options: author:nil date:nil
-#+html_head: <style> a { background-image: none !important; } </style>
+#+html_head: <style> a { background-size: 0 !important; } </style>
 
 * Post processing :noexport:
 First we need to get all the posts

assets/blog.css

@@ -9,6 +9,9 @@ header > h4 > a.orgicorn img {
     position: relative;
 }
 @media (min-width: 1000px) {
+    #content {
+        margin: auto;
+    }
     header > h4 > a.orgicorn img {
         position: absolute;
         top: -0.3em;
@@ -50,5 +53,4 @@ footer a {
 }
 #content {
     min-height: calc(100vh - 10rem - 48px); /* because of the header */
-    margin: auto;
 }

assets/org-style.css

@@ -611,7 +611,7 @@ code {
 
 kbd {
   display: inline-block;
-  padding: 3px 5px;
+  padding: 0.25em 0.35em;
   font: 80% SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
   line-height: normal;
   line-height: 80%;
@@ -619,7 +619,7 @@ kbd {
   vertical-align: middle;
   background-color: var(--back-light);
   border: 1px solid #91959a88;
-  border-radius: 3px;
+  border-radius: 0.35em;
   box-shadow: inset 0 -1px 0 #91959a88; }
 
 li code {
@@ -1185,6 +1185,9 @@ hr {
   margin-bottom: 30px;
   margin-top: 40px; }
 
+a {
+  color: inherit; }
+
 figcaption a,
 p a,
 .page-tags a,
@@ -1192,11 +1195,10 @@ table a,
 li a,
 dl a {
   background-image: linear-gradient(var(--text-dark), var(--text-dark));
-  background-size: 1px 1px !important;
+  background-size: 1px 1px;
   background-repeat: repeat-x;
   background-position: 0% 95%;
   border-radius: 1px;
-  color: var(--text-dark);
   text-decoration: none; }
   figcaption a::selection,
   p a::selection,
@@ -1250,10 +1252,10 @@ dl a {
     opacity: 0.9;
     filter: drop-shadow(1px 1px 1px var(--back-white));
     background-image: linear-gradient(var(--text-dark), var(--text-dark));
-    background-size: 1px 1px !important;
+    background-size: 1px 1px;
     background-repeat: repeat-x;
     background-position: 0% 95%;
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23000000' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23000000' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E") !important;
     background-position: 0% 100%;
     background-size: 0.8em auto;
     text-decoration: none; }
@@ -1271,7 +1273,7 @@ dl a {
   li a[href^="#"],
   dl a[href^="#"] {
     background-image: linear-gradient(var(--text-gray), var(--text-gray));
-    background-size: 1px 1px !important;
+    background-size: 1px 1px;
     background-repeat: repeat-x;
     background-position: 0% 95%; }
     figcaption a[href^="#"]::selection,
@@ -1290,7 +1292,7 @@ dl a {
       opacity: 0.9;
       filter: drop-shadow(1px 1px 1px var(--back-white));
       background-image: linear-gradient(var(--text-medium), var(--text-medium));
-      background-size: 1px 1px !important;
+      background-size: 1px 1px;
       background-repeat: repeat-x;
       background-position: 0% 95%; }
       figcaption a[href^="#"]:hover::selection,
@@ -1328,11 +1330,10 @@ dl a {
 #content .page-intro p a,
 #footnotes a {
   background-image: linear-gradient(var(--text-gray), var(--text-gray));
-  background-size: 1px 1px !important;
+  background-size: 1px 1px;
   background-repeat: repeat-x;
   background-position: 0% 95%;
   border-radius: 1px;
-  color: var(--text-gray);
   text-decoration: none; }
   #content .page-intro p a::selection,
   #footnotes a::selection {
@@ -1352,11 +1353,10 @@ dl a {
   #content .page-intro p a:hover,
   #footnotes a:hover {
     background-image: linear-gradient(var(--text-gray), var(--text-gray));
-    background-size: 1px 1px !important;
+    background-size: 1px 1px;
     background-repeat: repeat-x;
     background-position: 0% 95%;
     border-radius: 1px;
-    color: var(--text-gray);
     text-decoration: none; }
     #content .page-intro p a:hover::selection,
     #footnotes a:hover::selection {
@@ -1703,7 +1703,7 @@ li.off > .checkbox::after {
 .footpara {
   display: inline; }
 
-.footdef:last-of-type {
+.footdef {
   margin-bottom: 1em; }
 
 th.org-right {
@@ -1740,7 +1740,6 @@ span.acr {
     height: 6rem;
     margin-right: 2rem; }
   .music-track a {
-    color: inherit;
     text-decoration: none; }
   .music-track span {
     min-width: 35%; }

publish.el

@@ -48,7 +48,8 @@
         :width "464"
         :height "512"
         :alt "Org unicorn logo")
-      org-id-locations-file (expand-file-name ".orgids"))
+      org-id-locations-file (expand-file-name ".orgids")
+      org-babel-default-inline-header-args '((:eval . "no") (:exports . "code")))
 
 ;;; Remove generated .tex/.pdf files from the base directory