logs, logs-content: Added basic view of logs and added characters to logs

marko/components/annotation/style.less

@@ -12,11 +12,12 @@ div.annotation {
     padding-bottom: 0.25em;
   }
 
-  p {
+  p, div.markdown-content > p {
     margin-top: 0.5em;
   }
-  p:first-of-type {
+  p:first-of-type, div.markdown-content > p:first-of-type {
     margin: 0;
+    padding: 0;
   }
 }
 

marko/components/content-list-item/index.marko

@@ -4,7 +4,15 @@
     <div class="title">
       <a class="color-primary" href=input.link>${input.name}</a>
     </div>
-    <div class="description color-text">${input.description || ""}</div>
+    <div if(input.description) class="description color-text">
+      <div class="content">${input.description}</div>
+    </div>
+    <div if(input.characters) class="characters">
+      <div for(character in (input.characters || [])) class="character color-menu">
+        <span class="name">${input.characters.length > 6 ? character.shortName : character.name}</span>
+        <span class="comma">,</span>
+      </div>
+    </div>
     <div class="meta">
       <item-meta kind="date" value=input.createdDate updated=input.updatedDate />
       <item-meta kind="date" value=input.fictionalDate />

marko/components/content-list-item/style.less

@@ -34,6 +34,21 @@ tr.content-list-item {
       }
     }
 
+    > .characters {
+      margin: 0 1ch;
+
+      > .character {
+        display: inline-block;
+        margin-right: 1ch;
+      }
+
+      > .character:last-of-type {
+        .comma {
+          display: none;
+        }
+      }
+    }
+
     > .meta {
       > div {
         display: inline-block;

marko/components/markdown/index.marko

@@ -1,3 +1,3 @@
-<div class=["markdown-content", "color-text", input.class]>
+<div class=["markdown-content", input.class]>
   <include(state.render) />
 </div>

marko/components/markdown/style.less

@@ -1,6 +1,5 @@
 div.markdown-content {
-  line-height: 1.333em;
-  font-size: 1.25em;
+  line-height: 1.40em;
 
   h1 {
     font-size: 2em;

marko/components/menu-link/style.less

@@ -3,6 +3,8 @@ div.menu-link {
   padding-left: 0.5ch;
   font-size: 1.1em;
 
+  white-space: nowrap;
+
   cursor: pointer;
 
   div.icon {
@@ -26,6 +28,13 @@ div.menu-link {
     }
   }
 }
+div.menu-link:hover {
+  div.text {
+    span.weak {
+      opacity: 0.75;
+    }
+  }
+}
 div.menu-link.dark {
   opacity: 0.5;
 }