1 files changed, 118 insertions, 0 deletions
diff --git a/desk/web/blog/post-header.hoon b/desk/web/blog/post-header.hoon
new file mode 100644
index 0000000..3bee975
--- /dev/null
+++ b/desk/web/blog/post-header.hoon
@@ -0,0 +1,118 @@
+/-  tp=trill-post
+/+  sr=sortug, lib=boke, wall
+=<  html
+|%
+++  css  ^~  %-  trip
+'''
+    #post-header{
+      -webkit-locale: "en";
+      text-size-adjust: 100%;
+      color: rgb(0, 0, 0);
+      font-size: 16px;
+      font-weight: 400;
+      text-rendering: optimizelegibility;
+      -webkit-font-smoothing: antialiased;
+      line-height: 1.618;
+      text-shadow: rgb(0, 0, 0) 0px 0px 0px;
+      align-items: center;
+      border-bottom-color: rgb(223, 223, 223);
+      border-bottom-style: dotted;
+      border-bottom-width: 1px;
+      box-sizing: border-box;
+      margin-left: 0px;
+      margin-right: 0px;
+      padding-bottom: 30px;
+      padding-left: 32px;
+      padding-right: 32px;
+      padding-top: 30px;
+      text-align: center;
+
+    &  h2{
+        font-size: 2.1rem;
+        text-transform: uppercase;
+      }
+
+   & #post-meta, .comment-meta, .entry-footer {
+      font-size: 90%;
+      font-style: italic;
+      color: #969696;
+    }
+    @media (min-width: 768px){
+   &     .col-md-4 {
+            -ms-flex: 0 0 33.333333%;
+            flex: 0 0 33.333333%;
+            max-width: 33.333333%;
+        }
+    }
+  &  .breadcrumbs {
+        list-style: none;
+        display: inline-block;
+        margin: 0;
+        padding: 0;
+        border: none;
+        background: transparent;
+        text-indent: 0;
+    
+    }
+  &  .breadcrumbs li {
+        display: inline-block;
+        margin: 0 0.3rem;
+        padding: 0;
+        border: none;
+        background: transparent;
+        text-indent: 0;
+    }
+ &   .tags{
+        display: block;
+        text-transform: capitalize;
+    }
+
+    }
+'''
+++  html
+|=  [t=thread:tp who=@p]  ^-  manx
+=/  url  (trip (spat path.t))  :: TODO check for relative/absolute path
+=/  date  (date-to-tape:string:sr id.pid.t "-")
+
+=+  [[a y] m [d h mm s f]]=(yore id.pid.t)
+=/  ys  %-  trip  (ud-to-cord:string:sr y)
+=/  ming  (get-name:lib ship.pid.t)
+=/  nam   
+    ?.  .=(ship.pid.t ~docteg-mothep)  ming
+      "Spandrell"  :: TODO should use the user component here
+
+=/  ttags  (tags:wall ~(tap in tags.t))
+::
+;div#post-header
+  ;style:"{css}"
+  ;h2:"{(trip title.t)}"
+  ;div#post-meta
+    ;span
+      ;  Posted by {nam} on
+      ;ul.breadcrumbs
+        ;li
+          ;a/"/{ys}":"{ys}"
+        ==
+        ; /
+        ;li
+          ;a/"/{ys}/{<m.m>}":"{<m.m>}"
+        ==
+        ; /
+        ;li
+          ;a/"/{ys}/{<m.m>}/{<d.d>}":"{<d.d>}"
+        ==
+      ==
+    ==
+    ;+  ?:  .=(0 (lent ttags))  ;span:""
+    ;div.tags
+      ;*  %+  mapi:sr  ttags
+          |=  [i=@ t=@t]  ^-  manx
+          =/  tt  (trip t)
+          =/  path  "/blog?t={tt}"
+          =/  show
+          ?.  .=(i (dec (lent ttags)))  "{tt}, "  tt
+          ;a/"{path}":"{show}"
+    ==
+  ==
+==
+--