Index: index.html.pp
==================================================================
--- index.html.pp
+++ index.html.pp
@@ -38,14 +38,22 @@
     shape-outside: url(web-extra/mark.svg);
     /* filter: brightness(0) saturate(100%) invert(20%) sepia(16%) saturate(903%) hue-rotate(153deg)
      * brightness(93%) contrast(90%); */
     shape-margin: 1rem;
     float: left;
-    margin-left: -20vw;
+    margin-left: -30vw;
     margin-right: 1rem;
-    z-index: -100;
+    max-width: 60vw;
+    height: auto;
+  }
+
+@media (min-width: 667px) {
+  #front-page-logo {
+    margin-top: -0.65rem;
   }
+}
+
 
   main {
     background: transparent;
     line-height: 1.2em;
   }
@@ -55,25 +63,31 @@
 
  
 
-  -
 ◊(define front-page-body ◊root{
+ ◊img[#:id "front-page-logo" #:src "/web-extra/mark.svg"] is the end of the ◊index{thread} that you
+ can pick or pluck, the forked ribbon tracing into the bookshelf, your own or someone else’s.
+ ◊em{I’ve seen this before} says the voice on the other◊'|nbsp|end.
 
-is the end of the ◊index{thread} that you can pick or pluck, the forked ribbon tracing into the bookshelf,
-your own or someone else’s. ◊em{I’ve seen this before} says the voice on the other end. ¶ Everything
-(almost) is ◊link[1]{arranged in time order, newest first}. There are also a few arranged into named
-collections:
-
-◊url[1]{/blog-pg1.html}
 
 }) 
 ◊; stop for now: (crystalize-index-entries! '|index.html| front-page-body)
 
  
   ◊(->html front-page-body #:splice? #t)
-  ◊(html$-series-list)
- 
-
-
-
 ◊(define front-page-body ◊root{
+ ◊img[#:id "front-page-logo" #:src "/web-extra/mark.svg"] is the end of the ◊index{thread} that you
+ can pick or pluck, the forked ribbon tracing into the bookshelf, your own or someone else’s.
+ ◊em{I’ve seen this before} says the voice on the other◊'|nbsp|end.
 
-is the end of the ◊index{thread} that you can pick or pluck, the forked ribbon tracing into the bookshelf,
-your own or someone else’s. ◊em{I’ve seen this before} says the voice on the other end. ¶ Everything
-(almost) is ◊link[1]{arranged in time order, newest first}. There are also a few arranged into named
-collections:
-
-◊url[1]{/blog-pg1.html}
 
 }) 
 ◊; stop for now: (crystalize-index-entries! '|index.html| front-page-body)
 
  
   ◊(->html front-page-body #:splice? #t)
-  ◊(html$-series-list)
- 
-
-