move ssb-patchwork-api and ssb-patchwork-ui into this repo

ui/less/pages/feed.less

@@ -0,0 +1,8 @@
+.feed-page {
+  .layout-onecol .layout-main .message-feed {
+    max-width: 100%;
+  }
+  .message-summary-content {
+    background: #fff;
+  }
+}

ui/less/pages/followers.less

@@ -0,0 +1,13 @@
+.followers-page {
+  .message-feed {
+    margin: 0;
+    &:empty:before {
+      content: 'Empty';
+      font-size: 16px;
+      font-style: italic;
+      color: #777;
+      margin: 1em;
+      display: block;
+    }
+  }
+}

ui/less/pages/home.less

@@ -0,0 +1,52 @@
+.home-page {
+  .shortcuts {
+    display: flex;
+    margin: 5px 0;
+    background: #fff;
+    border: 1px solid #ddd;
+    border-radius: 3px;
+    padding: 6px 0;
+    font-size: 21px;
+
+    a {
+      flex: 1;
+      color: gray;
+      padding: 0 12px;
+      text-align: center;
+      border-right: 1px solid #ccc;
+      &:last-child {
+        border: 0;
+      }
+      &.highlight {
+        color: @brand-primary;
+      }
+    }
+  }
+
+  .flagged-nsfw, .flagged-spam, .flagged-abuse {
+    display: none;
+  }
+  .show-nsfw .flagged-nsfw {
+    display: block;
+  }
+  .show-spam .flagged-spam {
+    display: block;
+  }
+  .show-abuse .flagged-abuse {
+    display: block;
+  }
+  .layout-twocol {
+    max-width: 910px;
+  }
+  .layout-rightnav {
+    flex: 0 0 290px;
+  }
+  .livemode-progress-bars {
+    max-width: 560px;
+    margin: 0 auto;
+    .progress {
+      height: 5px;
+      border-radius: 0;
+    }
+  }
+}

ui/less/pages/inbox.less

@@ -0,0 +1,9 @@
+.inbox-page {
+  .layout-onecol {
+    .layout-main {
+      .message-feed {
+        max-width: 100%;
+      }
+    }
+  }
+}

ui/less/pages/message.less

@@ -0,0 +1,10 @@
+.message-page {
+  padding: 24px 0 300px;
+  .message {
+    max-width: 560px;
+  }
+
+  .layout-rightnav > div {
+    margin: 24px 0;
+  }
+}

ui/less/pages/profile.less

@@ -0,0 +1,133 @@
+.profile-page {
+  .flagged-nsfw, .flagged-spam, .flagged-abuse {
+    display: none;
+  }
+  .show-nsfw .flagged-nsfw {
+    display: block;
+  }
+  .show-spam .flagged-spam {
+    display: block;
+  }
+  .show-abuse .flagged-abuse {
+    display: block;
+  }
+}
+
+.profile-header {
+  max-width: 560px;
+  margin: 8px auto 0;
+
+  h1 {
+    font-size: 56px;
+    color: #555;
+    display: inline;
+  }
+  .btn {
+    float: right;
+    margin-top: 22px;
+  }
+}
+
+.profile-controls {  
+  width: 305px;
+
+  h2, p {
+    margin: 0;
+  }
+  .section {
+    margin-bottom: 24px;
+  }
+  li {
+    display: inline-block;
+    margin-right: 1em;
+  }
+
+  .follows-you {
+    text-align: center;
+    margin: 0 14px;
+    font-size: 18px;
+    background-color: #ddd;
+    padding: 5px 0;
+    color: #555;
+  }
+
+  .block {
+    background: #ddd;
+    padding: 2px 5px;
+    border-radius: 2px;
+    color: gray;
+    font-size: 18px;
+    text-align: center;
+    width: 275px;
+    margin: 0 0 0 15px;
+  }
+  .btns {
+    width: 275px;
+    margin: 0 0 20px 15px;
+
+    .btn-block {
+      font-size: 16px;
+      padding: 10px 0 8px;
+      .glyphicon {
+        margin-right: 8px;
+      }
+    }
+    .btns-group {
+      margin-top: 5px;
+      display: flex;
+      .btn {
+        flex: 1;
+        margin-right: 2px;
+        &:last-child {
+          margin: 0;
+        }
+      }
+    }
+  }
+
+  .relations {
+    margin: 0 0 25px 20px;
+    .user-hexagrid-60 {
+      margin: 15px 0 0;
+    }
+    .user-hexagon {
+      opacity: 1;
+    }
+  }
+  .connection-graph, .network-graph {
+    width: 275px;
+    height: 50px;
+    margin-left: 10px;
+  }
+}
+
+.profile-pics {
+  padding: 5px 0;
+  .pic {
+    position: relative;
+    display: inline-block;
+    margin: 1em 1em 1em 0;
+    img {
+      width: 275px;
+      height: 275px;
+      border-radius: 2px;
+    }
+    &:hover::before {
+      content: attr(data-overlay);
+      position: absolute;
+      bottom: 30px;
+      left: 0;
+      background: rgba(0,0,0,0.75);
+      font-weight: 100;
+      padding: 1em 2em;
+      color: #fff;
+      border-radius: 2px;
+    }
+  }
+}
+
+.profile-flags {
+  .message, .message .message-comments {
+    border-color: rgb(228, 104, 104);
+  }
+}

ui/less/pages/sync.less

@@ -0,0 +1,7 @@
+.sync-page {
+  .pub-status {
+    max-width: 840px;
+    margin: 0 auto 15px;
+    text-align: center;
+  }
+}

ui/less/pages/webview.less

@@ -0,0 +1,10 @@
+.webview-page {
+  .webview-left {
+    border: 1px solid #ccc;
+  }
+  .webview-right {
+    flex: 0 0 305px;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+}