hp updates

yebyen · May 13, 2016 · 9c9cc8a · 9c9cc8a
1 parent 31a00b3
commit 9c9cc8a
Show file tree

Hide file tree

Showing 2 changed files with 137 additions and 77 deletions.
diff --git a/web/tree/main.css b/web/tree/main.css
@@ -356,41 +356,41 @@ div.logo.inverse:before {
       margin-top: 0;
       margin-bottom: 0; } }
 
-[data-path^='/docs'] .selected .nav-link,
+[data-path*='/docs'] .selected .nav-link,
 [data-path^='/work'] .selected .nav-link {
   color: #55595c; }
 
-[data-path^='/docs'] .nav-link,
+[data-path*='/docs'] .nav-link,
 [data-path^='/work'] .nav-link {
   font-weight: 500; }
 
-[data-path^='/docs'] .home,
+[data-path*='/docs'] .home,
 [data-path^='/work'] .home {
   background-color: #55595c;
   border-color: #55595c; }
 
-[data-path^='/docs'] .home:hover,
+[data-path*='/docs'] .home:hover,
 [data-path^='/work'] .home:hover {
   background-color: #B1B7BD;
   border-color: #B1B7BD;
   opacity: .6; }
 
-[data-path^='/docs'] .home:before,
+[data-path*='/docs'] .home:before,
 [data-path^='/work'] .home:before {
   content: "~";
   color: #fff;
   line-height: .8rem;
   font-size: 1.4rem; }
 
 @media (max-width: 991px) {
-  [data-path^='/docs'] .home:before,
+  [data-path*='/docs'] .home:before,
   [data-path^='/work'] .home:before {
     line-height: 0.7rem;
     font-size: 1rem;
     margin-left: .06rem; } }
 
 @media (max-width: 767px) {
-  [data-path^='/docs'] .home:before,
+  [data-path*='/docs'] .home:before,
   [data-path^='/work'] .home:before {
     line-height: .7rem;
     margin-left: .05rem;
@@ -622,30 +622,30 @@ ol > li:before {
   margin-right: 1rem;
   margin-left: -2rem; }
 
-.body[data-path^='/docs'] h1,
+.body[data-path*='/docs'] h1,
 .body[data-path^='/work'] h1 {
   color: #000; }
 
-.body[data-path^='/docs'] h1 code,
+.body[data-path*='/docs'] h1 code,
 .body[data-path^='/work'] h1 code {
   background-color: transparent;
   color: #000;
   padding: 0; }
 
-.body[data-path^='/docs'] .book h2,
+.body[data-path*='/docs'] .book h2,
 .body[data-path^='/work'] .book h2 {
   color: #B1B7BD; }
 
-.body[data-path^='/docs'] .book h2 code,
+.body[data-path*='/docs'] .book h2 code,
 .body[data-path^='/work'] .book h2 code {
   color: #000;
   background-color: transparent; }
 
-.body[data-path^='/docs'] .book h2 a,
+.body[data-path*='/docs'] .book h2 a,
 .body[data-path^='/work'] .book h2 a {
   color: #000; }
 
-.body[data-path^='/docs'] .book hr,
+.body[data-path*='/docs'] .book hr,
 .body[data-path^='/work'] .book hr {
   margin-bottom: 3rem; }
 
@@ -691,13 +691,12 @@ ol > li:before {
   .body .urbit .btn.black {
     text-transform: none;
     text-decoration: none;
-    border: 3px solid #000;
+    padding: 0;
     letter-spacing: 0;
-    margin: 0 1rem 1rem 0; }
-  .body .urbit button.submit:hover,
-  .body .urbit .btn.black:hover {
-    background-color: #000;
-    color: #fff; }
+    margin: 0 1rem 1rem 0;
+    font-size: 1.2rem;
+    border: 0;
+    border-bottom: 3px solid #000; }
   .body .urbit .front {
     padding-bottom: 4rem; }
     .body .urbit .front h1 {
@@ -783,6 +782,8 @@ ol > li:before {
         width: 75%; }
       .body .urbit .slide .pair .image {
         width: 20%; }
+      .body .urbit .slide .pair .image img {
+        width: 100%; }
       .body .urbit .slide .pair p:last-child {
         margin-bottom: 0; }
   .body .urbit .end {
@@ -792,6 +793,8 @@ ol > li:before {
     text-decoration: none;
     font-size: 2rem;
     font-weight: 500; }
+  .body .urbit p.email {
+    margin-top: 2rem; }
   .body .urbit input.email {
     font-weight: 500;
     background-color: #000;
@@ -1068,22 +1071,31 @@ ol > li:before {
 
 .list.post .date {
   font-family: 'scp';
-  font-size: .7rem; }
+  font-size: .7rem;
+  margin-bottom: .6rem; }
+
+.list.post .author {
+  font-size: 1rem;
+  padding-top: 0; }
+
+.list.post .author:before {
+  content: "—";
+  margin-right: .6rem; }
 
-.body[data-path^='/docs'] .list,
+.body[data-path*='/docs'] .list,
 .body[data-path^='/work'] .list {
   list-style-type: none;
   padding-left: 0; }
-  .body[data-path^='/docs'] .list a,
-  .body[data-path^='/docs'] .list h1,
+  .body[data-path*='/docs'] .list a,
+  .body[data-path*='/docs'] .list h1,
   .body[data-path^='/work'] .list a,
   .body[data-path^='/work'] .list h1 {
     color: #55595c;
     font-weight: 500;
     height: 2rem;
     display: inline;
     text-decoration: none; }
-  .body[data-path^='/docs'] .list h1,
+  .body[data-path*='/docs'] .list h1,
   .body[data-path^='/work'] .list h1 {
     border-bottom: 2px solid #000; }
 
@@ -1096,38 +1108,38 @@ ol > li:before {
 .body[data-path^='/work'] .list.main h1 {
   border-width: 4px; }
 
-.body[data-path^='/docs'] .list.runes a h1,
-.body[data-path^='/docs'] .list.runes a div,
-.body[data-path^='/docs'] .list.runes a p {
+.body[data-path*='/docs'] .list.runes a h1,
+.body[data-path*='/docs'] .list.runes a div,
+.body[data-path*='/docs'] .list.runes a p {
   display: inline-block; }
 
-.body[data-path^='/docs'] .list.runes a p {
+.body[data-path*='/docs'] .list.runes a p {
   font-weight: 300; }
 
-.body[data-path^='/docs'] .list.runes a {
+.body[data-path*='/docs'] .list.runes a {
   text-decoration: none; }
 
-.body[data-path^='/docs'] .list.runes a,
-.body[data-path^='/docs'] .list.runes a h1 code {
+.body[data-path*='/docs'] .list.runes a,
+.body[data-path*='/docs'] .list.runes a h1 code {
   color: #000; }
 
-.body[data-path^='/docs'] .list.runes a h1 {
+.body[data-path*='/docs'] .list.runes a h1 {
   display: block;
   margin-bottom: .3rem;
   height: auto;
   border-bottom: none; }
 
-.body[data-path^='/docs'] .list.runes a h1 code {
+.body[data-path*='/docs'] .list.runes a h1 code {
   background-color: transparent;
   font-weight: 500;
   font-size: 1.2rem;
   padding: 0;
   border-bottom: 2px solid #000; }
 
-.body[data-path^='/docs'] .list.runes a code {
+.body[data-path*='/docs'] .list.runes a code {
   background-color: #eceeef; }
 
-.body[data-path^='/docs'] .list.runes a code {
+.body[data-path*='/docs'] .list.runes a code {
   padding: .3rem; }
 
 .urbit ul.blog {