From 2bc84ebbae5e39671ef477e67d40deb6d04bf1cc Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Tue, 30 Jan 2024 19:20:21 -0500
Subject: [PATCH 01/10] TextPage.svelte story. Highlights don't work.

---
 src/common/stories/AccessIcon.stories.svelte  | 29 ++++++-----
 src/pages/viewer/AllText.svelte               |  8 +--
 src/{common => pages/viewer}/TextPage.svelte  | 20 ++++----
 src/pages/viewer/Viewer.svelte                |  3 ++
 .../viewer/stories/TextPage.stories.svelte    | 50 +++++++++++++++++++
 5 files changed, 82 insertions(+), 28 deletions(-)
 rename src/{common => pages/viewer}/TextPage.svelte (73%)
 create mode 100644 src/pages/viewer/stories/TextPage.stories.svelte

diff --git a/src/common/stories/AccessIcon.stories.svelte b/src/common/stories/AccessIcon.stories.svelte
index 950cacc59..20e6e5b90 100644
--- a/src/common/stories/AccessIcon.stories.svelte
+++ b/src/common/stories/AccessIcon.stories.svelte
@@ -1,5 +1,5 @@
-<script lang="ts">
-  import { Meta, Story, Template } from "@storybook/addon-svelte-csf";
+<script context="module" lang="ts">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
   import { action } from "@storybook/addon-actions";
 
   import AccessIcon from "../AccessIcon.svelte";
@@ -11,21 +11,20 @@
   };
 
   const handleClick = action("click");
-</script>
 
-<Meta
-  title="Common / Access Icon"
-  component={AccessIcon}
-  parameters={{
-    layout: "centered",
-  }}
-  argTypes={{
-    access: {
-      control: "select",
-      options: ["public", "private", "organization"],
+  export const meta = {
+    title: "Common / Access Icon",
+    component: AccessIcon,
+    parameters: { layout: "centered" },
+    tags: ["autodocs"],
+    argTypes: {
+      access: {
+        control: "select",
+        options: ["public", "private", "organization"],
+      },
     },
-  }}
-/>
+  };
+</script>
 
 <Template let:args>
   <AccessIcon {...args} on:click={handleClick} />
diff --git a/src/pages/viewer/AllText.svelte b/src/pages/viewer/AllText.svelte
index b3ef89f5d..6d0c52e22 100644
--- a/src/pages/viewer/AllText.svelte
+++ b/src/pages/viewer/AllText.svelte
@@ -1,13 +1,15 @@
 <script>
-  import TextPage from "@/common/TextPage.svelte";
-  import session from "@/api/session.js";
+  import { _ } from "svelte-i18n";
   import { tick } from "svelte";
+
+  import TextPage from "./TextPage.svelte";
+
+  import session from "@/api/session.js";
   import { jsonUrl } from "@/api/viewer.js";
   import { doc } from "@/viewer/document.js";
   import { layout } from "@/viewer/layout.js";
   import { viewer } from "@/viewer/viewer.js";
   import { showIfFullyVisible } from "@/util/visibility.js";
-  import { _ } from "svelte-i18n";
 
   let textDoc = null;
   let loading = false;
diff --git a/src/common/TextPage.svelte b/src/pages/viewer/TextPage.svelte
similarity index 73%
rename from src/common/TextPage.svelte
rename to src/pages/viewer/TextPage.svelte
index 913dbcf29..176d0a0b0 100644
--- a/src/common/TextPage.svelte
+++ b/src/pages/viewer/TextPage.svelte
@@ -18,7 +18,7 @@
   {/each}
 </div>
 
-<style lang="scss">
+<style>
   .text {
     display: block;
     background: white;
@@ -30,15 +30,15 @@
     line-height: 1.4;
     user-select: text;
     padding: 16px 20px;
+  }
 
-    .highlight {
-      background: #f3e94d;
-      background: linear-gradient(#f3e94d, #f5dd01);
-      border: 1px solid #f5e800;
-      padding: 1px;
-      color: #000;
-      border-radius: $radius;
-      box-shadow: 0 0 5px #666;
-    }
+  .text .highlight {
+    background: #f3e94d;
+    background: linear-gradient(#f3e94d, #f5dd01);
+    border: 1px solid #f5e800;
+    padding: 1px;
+    color: #000;
+    border-radius: var(--radius);
+    box-shadow: 0 0 5px #666;
   }
 </style>
diff --git a/src/pages/viewer/Viewer.svelte b/src/pages/viewer/Viewer.svelte
index fcb911c6e..c85bb20e2 100644
--- a/src/pages/viewer/Viewer.svelte
+++ b/src/pages/viewer/Viewer.svelte
@@ -86,6 +86,9 @@
       await initOrgsAndUsers();
 
       window.plausible && plausible("pageview", { u: obscureURL() });
+
+      // debug
+      window.layout = layout;
     }
   });
 
diff --git a/src/pages/viewer/stories/TextPage.stories.svelte b/src/pages/viewer/stories/TextPage.stories.svelte
new file mode 100644
index 000000000..68bcb60a2
--- /dev/null
+++ b/src/pages/viewer/stories/TextPage.stories.svelte
@@ -0,0 +1,50 @@
+<script context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
+  import TextPage from "../TextPage.svelte";
+
+  export const meta = {
+    title: "Viewer / Text / Text page",
+    component: TextPage,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+  };
+
+  const text = `First, Second, and Single COVID-19 Vaccine Doses Administered, 
+Boston Residents Age 16+, Dec. 15, 2020 - May 4, 2021 * The Boston Total population count (581,209 
+residents) includes residents ages 16+, the population 
+for which a COVID-19 vaccine is currently approved. 
+`;
+
+  const highlights = [
+    [
+      {
+        text: "First, Second, and Single COVID-19 Vaccine Doses Administered, \n",
+        type: "normal",
+      },
+      {
+        text: "Boston",
+        type: "highlight",
+      },
+      {
+        text: " Residents Age 16+, Dec. 15, 2020 - May 4, 2021 * The ",
+        type: "normal",
+      },
+      {
+        text: "Boston",
+        type: "highlight",
+      },
+      {
+        text: " Total population count (581,209 \nresidents) includes residents ages 16+, the population \nfor which a COVID-19 vaccine is currently approved. \n1\n At Least 1 Dose refers to individuals who have \nreceived one or more doses of the Moderna or Pfizer \nvaccine, or a single dose of the Johnson & Johnson \nvaccine. 2\n Partially Vaccinated refers to individuals who \nhave received only a first dose of the Moderna or Pfizer \nvaccine. 3\n Fully Vaccinated refers to individuals who \nhave received both first and second doses of the \nModerna or Pfizer vaccine, or a single dose of the \nJohnson & Johnson vaccine. \n",
+        type: "normal",
+      },
+    ],
+  ];
+</script>
+
+<Template let:args>
+  <TextPage {...args} />
+</Template>
+
+<Story name="default" args={{ text }} />
+
+<Story name="highlighted" args={{ text, highlights }} />

From 554d72a0a01ff4a92e2f11a2ac82f5e4bc3eba4b Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Tue, 30 Jan 2024 19:22:42 -0500
Subject: [PATCH 02/10] more text shows highlight

---
 src/pages/viewer/stories/TextPage.stories.svelte | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/viewer/stories/TextPage.stories.svelte b/src/pages/viewer/stories/TextPage.stories.svelte
index 68bcb60a2..d7937c116 100644
--- a/src/pages/viewer/stories/TextPage.stories.svelte
+++ b/src/pages/viewer/stories/TextPage.stories.svelte
@@ -13,6 +13,19 @@
 Boston Residents Age 16+, Dec. 15, 2020 - May 4, 2021 * The Boston Total population count (581,209 
 residents) includes residents ages 16+, the population 
 for which a COVID-19 vaccine is currently approved. 
+1
+ At Least 1 Dose refers to individuals who have 
+received one or more doses of the Moderna or Pfizer 
+vaccine, or a single dose of the Johnson & Johnson 
+vaccine. 2
+ Partially Vaccinated refers to individuals who 
+have received only a first dose of the Moderna or Pfizer 
+vaccine. 3
+ Fully Vaccinated refers to individuals who 
+have received both first and second doses of the 
+Moderna or Pfizer vaccine, or a single dose of the 
+Johnson & Johnson vaccine. 
+Data Sources: 
 `;
 
   const highlights = [

From 0d15989cbbdfb06c6010b4a4f8fe5681d91235fa Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Wed, 31 Jan 2024 13:12:11 -0500
Subject: [PATCH 03/10] <Body />

---
 src/pages/viewer/Body.svelte                 | 24 +++++++++++---------
 src/pages/viewer/stories/Body.stories.svelte | 23 +++++++++++++++++++
 2 files changed, 36 insertions(+), 11 deletions(-)
 create mode 100644 src/pages/viewer/stories/Body.stories.svelte

diff --git a/src/pages/viewer/Body.svelte b/src/pages/viewer/Body.svelte
index e937061e8..2dbaa5f28 100644
--- a/src/pages/viewer/Body.svelte
+++ b/src/pages/viewer/Body.svelte
@@ -1,4 +1,7 @@
 <script>
+  import ScrollZoom from "scrollzoom";
+  import { onMount, onDestroy, tick } from "svelte";
+
   import Page from "./Page.svelte";
   import SearchResults from "./SearchResults.svelte";
 
@@ -8,9 +11,7 @@
     cancelAnnotation,
   } from "@/viewer/layout.js";
   import { doc } from "@/viewer/document.js";
-  import ScrollZoom from "scrollzoom";
   import ActionPane from "./pane/ActionPane.svelte";
-  import { onMount, onDestroy, tick } from "svelte";
 
   import {
     enterRedactMode,
@@ -166,6 +167,7 @@
   ];
   const elements = [document.documentElement, document.body];
   const prevStyles = styles.map(() => "");
+
   onMount(() => {
     // Set document root styles
     for (let i = 0; i < styles.length; i++) {
@@ -304,7 +306,7 @@
   on:keypress={handleKeyPress}
 />
 
-<style lang="scss">
+<style>
   .doc {
     position: absolute;
     top: 0;
@@ -315,16 +317,16 @@
     min-height: 1px;
     box-sizing: border-box;
     overflow: auto;
-    z-index: $viewerBodyZ;
+    z-index: var(--viewerBodyZ);
     touch-action: manipulation;
-    background: $viewerBodyBg;
+    background: var(--viewerBodyBg);
+  }
 
-    :global(img) {
-      background: white;
-    }
+  .doc :global(img) {
+    background: white;
+  }
 
-    &.grayed {
-      background: $viewerBodyBgDarker;
-    }
+  .doc.grayed {
+    background: var(--viewerBodyBgDarker);
   }
 </style>
diff --git a/src/pages/viewer/stories/Body.stories.svelte b/src/pages/viewer/stories/Body.stories.svelte
new file mode 100644
index 000000000..ff00ca7a2
--- /dev/null
+++ b/src/pages/viewer/stories/Body.stories.svelte
@@ -0,0 +1,23 @@
+<script context="module">
+  import { Story } from "@storybook/addon-svelte-csf";
+  import Body from "../Body.svelte";
+  import { Document } from "../../../structure/document.js";
+  import document from "../fixtures/document.json";
+
+  // not clear this does anything useful
+  import { doc } from "@/viewer/document.js";
+  import { viewer } from "../../../viewer/viewer.js";
+
+  export const meta = {
+    title: "Viewer / Body",
+    component: Body,
+    parameters: { layout: "centered" },
+  };
+
+  viewer.doc = new Document(document);
+  doc.viewer = viewer;
+</script>
+
+<Story name="default">
+  <Body />
+</Story>

From 0c535d48a32f9c629521d32fa19d1480dc085421 Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Wed, 31 Jan 2024 13:26:39 -0500
Subject: [PATCH 04/10] AllText

---
 src/assets/masthead.svg                       | 164 +++++++++++++++++-
 src/assets/masthead_responsive.svg            |  70 +++++++-
 src/assets/mastlogo.svg                       |  13 +-
 src/assets/organization_icon.svg              |  15 +-
 src/pages/viewer/AllText.svelte               |  58 +++----
 .../viewer/stories/AllText.stories.svelte     |  22 +++
 6 files changed, 307 insertions(+), 35 deletions(-)
 create mode 100644 src/pages/viewer/stories/AllText.stories.svelte

diff --git a/src/assets/masthead.svg b/src/assets/masthead.svg
index 46ff220ab..6c96fba8c 100644
--- a/src/assets/masthead.svg
+++ b/src/assets/masthead.svg
@@ -1 +1,163 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1219 291" class="masthead"><path d="M0 8.8h1219v273.1H0V8.8z" fill="#4294F0"/><path d="M1219 6.6H723.8l-64.4 277.3H1219V6.6z" fill="#494949"/><text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18" letter-spacing="0em"><tspan x="864.6" y="224.8">Embed documents on your site and </tspan><tspan x="881.3" y="247.8">publish to our growing archive.</tspan></text><g filter="url(#filter0_d)"><path d="M146 162.2v14.4c0 .6.5 1 1 1h60.4c.5 0 1-.4 1-1v-14.4h11.8c.7 0 1.2-.5 1.2-1.2v-28c0-.6-.5-1.1-1.2-1.1h-11.8v-8.5a1 1 0 00-.3-.7l-30-32.4a1 1 0 00-.8-.3H147a1 1 0 00-1 1v41h-11.8c-.7 0-1.2.5-1.2 1.1v28c0 .7.5 1.2 1.2 1.2H146v-.1z" fill="#fff" fill-opacity=".3"/></g><g filter="url(#filter1_d)"><path d="M148 164.2v14.4c0 .6.5 1 1 1h60.4c.5 0 1-.4 1-1v-14.4h11.8c.7 0 1.2-.5 1.2-1.2v-28c0-.6-.5-1.1-1.2-1.1h-11.8v-8.5a1 1 0 00-.3-.7l-30-32.4a1 1 0 00-.8-.3H149a1 1 0 00-1 1v41h-11.8c-.7 0-1.2.5-1.2 1.1v28c0 .7.5 1.2 1.2 1.2H148v-.1z" fill="#fff" fill-opacity=".3"/></g><g filter="url(#filter2_d)"><path d="M142 158.2v14.4c0 .6.5 1 1 1h60.4c.5 0 1-.4 1-1v-14.4h11.8c.7 0 1.2-.5 1.2-1.2v-28c0-.6-.5-1.1-1.2-1.1h-11.8v-8.5a1 1 0 00-.3-.7l-30-32.4a1 1 0 00-.8-.3H143a1 1 0 00-1 1v41h-11.8c-.7 0-1.2.5-1.2 1.1v28c0 .7.5 1.2 1.2 1.2H142v-.1z" fill="#fff" fill-opacity=".3"/></g><g filter="url(#filter3_d)"><path d="M144 160.2v14.4c0 .6.5 1 1 1h60.4c.5 0 1-.4 1-1v-14.4h11.8c.7 0 1.2-.5 1.2-1.2v-28c0-.6-.5-1.1-1.2-1.1h-11.8v-8.5a1 1 0 00-.3-.7l-30-32.4a1 1 0 00-.8-.3H145a1 1 0 00-1 1v41h-11.8c-.7 0-1.2.5-1.2 1.1v28c0 .7.5 1.2 1.2 1.2H144v-.1z" fill="#fff" fill-opacity=".3"/></g><g filter="url(#filter4_d)"><path d="M139.6 169.6V84c0-.6.5-1 1-1H171c.3 0 .6.1.8.3l5.7 6.2 15.8 17 8.5 9.2c.2.2.3.5.3.7v53.2c0 .6-.5 1-1 1h-60.4a1 1 0 01-1-1h-.1z" fill="#64ACFD"/><path d="M177.4 89.5l15.8 17m-15.8-17l-5.8-6.2a1 1 0 00-.7-.3h-30.3a1 1 0 00-1 1v85.6c0 .6.5 1 1 1H201c.5 0 1-.4 1-1v-53.2a1 1 0 00-.3-.7l-8.5-9.1-15.8-17.1zm0 0v16c0 .6.4 1 1 1h14.8l-15.8-17z" stroke="#fff" stroke-width="2.1"/></g><g filter="url(#filter5_d)"><g filter="url(#filter6_d)"><path d="M213.8 124.8h-86c-.7 0-1.2.5-1.2 1.2v28c0 .7.5 1.2 1.2 1.2h86c.7 0 1.2-.5 1.2-1.2v-28c0-.7-.5-1.2-1.2-1.2z" fill="#fff"/></g><g filter="url(#filter7_d)"><path d="M147.8 130.5h6.6c1 0 1.8.1 2.6.3a5 5 0 012.1.9c.6.4 1.1 1 1.5 1.6.3.7.5 1.6.5 2.6a6 6 0 01-.5 2.6c-.3.7-.8 1.3-1.3 1.7-.6.4-1.3.7-2.1.9-.8.2-1.7.2-2.6.2h-2.9v7h-3.9v-17.8zm4 7.5h3.5l1-.4.5-.6c.2-.3.3-.7.3-1 0-.5-.1-.9-.3-1.2a2 2 0 00-.8-.6 3 3 0 00-1.1-.3h-3.2v4.1h.1zm11.8-7.5h5.8c1.4 0 2.8.2 4 .5 1.3.3 2.4.8 3.4 1.6 1 .7 1.7 1.6 2.2 2.7.6 1.1.9 2.5.9 4.1a8.4 8.4 0 01-3 6.6c-1 .7-2 1.3-3.2 1.7-1.2.3-2.4.5-3.8.5h-6.3v-17.7zm3.9 14.1h2c.9 0 1.7 0 2.5-.2s1.5-.5 2-1c.6-.4 1-1 1.3-1.6.4-.7.5-1.6.5-2.6a4.8 4.8 0 00-3.7-4.7c-.7-.3-1.5-.4-2.3-.4h-2.3v10.5zm15.2-14.1h11.9v3.6h-8v3.6h7.4v3.6h-7.4v7h-4v-17.8h.1z" fill="#4294F0"/></g></g><text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18" letter-spacing="0em"><tspan x="98.7" y="235.3">Upload documents.</tspan></text><path d="M449.9 0l-99.4 290.2h373L798 0H449.9z" fill="#1368C7"/><path d="M449 124.9l-5.6-10.1-6 9.9 11.6.2zm-165.4.9C337.9 96 394 94.6 440.8 121l1-1.7C394.3 92.5 337.5 94 282.6 124l1 1.8zm588.2 2.2l-5-10.5-6.5 9.5 11.5 1zm-165.7.8c54.6-33.5 110.8-35.1 157.8-5.1l1-1.7c-47.7-30.5-104.7-28.8-159.9 5l1 1.8h.1z" fill="#fff"/><text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18" letter-spacing="0em"><tspan x="472.3" y="79.8">Extract, analyze, and search text.</tspan></text><text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18" letter-spacing="0em"><tspan x="455.2" y="225.3">Annotate, redact, and edit.</tspan></text><path fill-rule="evenodd" clip-rule="evenodd" d="M576.5 167c-2.8-3.5-5.5-6.8-3-12 3.9-8.5 15.3-12 23.4-12 8.2 0 16.2 3.5 12.3 12-2.6 5.4-8.5 8.7-14.5 12.1-6.2 3.5-12.3 7-15 12.7 2.7-5.8-.3-9.3-3.2-12.9v.1zm13.4-9c3.9 0 8-2 9.2-4.6 1.2-2.6-1-4.7-4.9-4.7-3.9 0-8 2.1-9.2 4.7-1.2 2.6 1 4.7 4.9 4.7v-.1z" fill="#000" fill-opacity=".1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M571 160.4c-4.5-5.2-8.8-10.2-8.8-18 0-12.9 9.8-18.3 17.9-18.3 8.1 0 17.9 5.4 17.9 18.2 0 7.9-4.3 13-8.7 18-4.6 5.4-9.2 10.8-9.2 19.5 0-8.7-4.6-14.1-9.2-19.4h.1zm9-13.4a7.1 7.1 0 100-14.2 7.1 7.1 0 000 14.2zm-68.1 17.7s-3.4 0-3.6-.4c-.1-.4-.2-.6 0-.9.1-.2.8-.5 1.5-.9l1.7-1a584 584 0 0013.7-22.4c.8-1.2 2.6-2.8 3.5-2.8.9 0 1.5 1.2 1.8 2 .2.6 1.2 8.5 1.7 12.2l.2 1.7.2 1.5c.4 2.7 1 7 1.2 7.6.1.3.6.6 1 1 .6.3 1.2.7 1.3 1.1 0 .7-1 1.3-2.3 1.3h-1.2c-1.1 0-2.3.1-3.2 0l-1-.1c-.8 0-1.5-.1-1.5-.6 0-.4.3-.7.6-1 .3-.2.6-.4.7-.7.3-.8.9-3.4.6-5.2-.3-2-1.3-2.4-4.1-2.5-3 0-5.8.2-6.7 1.4-.8 1.2-1.5 2.5-1.7 3.2l-.2.5c-.3.7-.6 1.5-.5 2 0 .3.2.5.5.8.3.3.7.7.7 1.5 0 .7-5 .7-5 .7h.1zm9.2-13.4a2 2 0 00-.5 1l1.4.2 5.9-.2c.3 0 .4-.3.4-.7v-.2c-.2-3.3-.7-6.5-1.4-9.7-.1-.3-.3 0-.5.3l-4.5 7.9-.8 1.4zM640.8 167a16.6 16.6 0 100-33.2 16.6 16.6 0 000 33.2zm7.3-23.4l4 .3c2.5.3 3.5 3 2 5-.6 1-1.2 1.6-1.6 1.7-1 .5-6.7.2-7.8 0-.6-.1-1.7-1.4-2.5-2.8l-.2-.6c-.3-.8-.7-1.8-1.5-1.8-.6 0-.9.6-.9 1.2 0 .4 0 .8-.3 1.2-.8 1.4-1.9 2.7-2.5 2.8-1 .2-6.7.5-7.8 0-.4-.1-1-.8-1.6-1.6-1.5-2-.4-4.8 2-5 1.6-.3 3-.4 4-.4s2.5.3 4 .6l1.9.2a10 10 0 012.6 0c.8 0 1.5 0 2.3-.2a22 22 0 013.9-.6z" fill="#fff"/><path d="M927.5 46.6h148.8v136.6H927.5V46.6z" fill="#4294F0"/><path d="M927.3 41.7h149v15.8h-149V41.7z" fill="#1368C7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1063.2 48.2a3 3 0 01-3 3 3 3 0 01-3-3 3 3 0 013-3 3 3 0 013 3zm-.6 3c-.6.6-1.5 1-2.4 1a3.9 3.9 0 113-1.6l4.3 4.2-.7.7-4.2-4.2v-.1z" fill="#64ACFD"/><path d="M929.1 57.5h107.8v124H929.1v-124z" fill="#64ACFD"/><path d="M947.3 63.5h71.3v91.7h-71.3V63.5zm0 102.3h71.3v15.7h-71.3v-15.7z" fill="#fff"/><path d="M955.6 45.4h-20.2c-.8 0-1.5.7-1.5 1.5v5.5c0 .8.7 1.5 1.5 1.5h20.2c.8 0 1.5-.7 1.5-1.5v-5.5c0-.8-.7-1.5-1.5-1.5zM981.6 45.4h-20.2c-.8 0-1.5.7-1.5 1.5v5.5c0 .8.7 1.5 1.5 1.5h20.2c.8 0 1.5-.7 1.5-1.5v-5.5c0-.8-.7-1.5-1.5-1.5zM1007.5 45.4h-20.2c-.8 0-1.5.7-1.5 1.5v5.5c0 .8.7 1.5 1.5 1.5h20.2c.8 0 1.5-.7 1.5-1.5v-5.5c0-.8-.7-1.5-1.5-1.5zM1041.6 68.5h29.5v4.9h-29.5v-4.9zm0 12.5h29.5v3.2h-29.5V81zm0 5.8h29.5V90h-29.5v-3.2zm0 10.8h29.5v3.2h-29.5v-3.2zm0 5.7h29.5v3.2h-29.5v-3.2zm0 5.8h29.5v3.2h-29.5v-3.2z" fill="#64ACFD"/><defs><filter id="filter0_d" x="130.6" y="90" width="93.2" height="94.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4.8"/><feGaussianBlur stdDeviation="1.2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter1_d" x="132.6" y="92" width="93.2" height="94.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4.8"/><feGaussianBlur stdDeviation="1.2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter2_d" x="126.6" y="86" width="93.2" height="94.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4.8"/><feGaussianBlur stdDeviation="1.2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter3_d" x="128.6" y="88" width="93.2" height="94.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4.8"/><feGaussianBlur stdDeviation="1.2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter4_d" x="134.3" y="79.8" width="72.9" height="98.1" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="2.1"/><feGaussianBlur stdDeviation="2.1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter5_d" x="122.6" y="124.8" width="96.4" height="38.4" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter6_d" x="124.2" y="124.8" width="93.2" height="37.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4.8"/><feGaussianBlur stdDeviation="1.2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter><filter id="filter7_d" x="143.6" y="126.3" width="55.2" height="26.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="2.1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"/><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"/></filter></defs></svg>
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1219 291" class="masthead">
+    <path d="M0 8.8h1219v273.1H0V8.8z" fill="#4294F0" />
+    <path d="M1219 6.6H723.8l-64.4 277.3H1219V6.6z" fill="#494949" />
+    <text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18"
+        letter-spacing="0em">
+        <tspan x="864.6" y="224.8">Embed documents on your site and </tspan>
+        <tspan x="881.3" y="247.8">publish to our growing archive.</tspan>
+    </text>
+    <g filter="url(#filter0_d)">
+        <path
+            d="M146 162.2v14.4c0 .6.5 1 1 1h60.4c.5 0 1-.4 1-1v-14.4h11.8c.7 0 1.2-.5 1.2-1.2v-28c0-.6-.5-1.1-1.2-1.1h-11.8v-8.5a1 1 0 00-.3-.7l-30-32.4a1 1 0 00-.8-.3H147a1 1 0 00-1 1v41h-11.8c-.7 0-1.2.5-1.2 1.1v28c0 .7.5 1.2 1.2 1.2H146v-.1z"
+            fill="#fff" fill-opacity=".3" />
+    </g>
+    <g filter="url(#filter1_d)">
+        <path
+            d="M148 164.2v14.4c0 .6.5 1 1 1h60.4c.5 0 1-.4 1-1v-14.4h11.8c.7 0 1.2-.5 1.2-1.2v-28c0-.6-.5-1.1-1.2-1.1h-11.8v-8.5a1 1 0 00-.3-.7l-30-32.4a1 1 0 00-.8-.3H149a1 1 0 00-1 1v41h-11.8c-.7 0-1.2.5-1.2 1.1v28c0 .7.5 1.2 1.2 1.2H148v-.1z"
+            fill="#fff" fill-opacity=".3" />
+    </g>
+    <g filter="url(#filter2_d)">
+        <path
+            d="M142 158.2v14.4c0 .6.5 1 1 1h60.4c.5 0 1-.4 1-1v-14.4h11.8c.7 0 1.2-.5 1.2-1.2v-28c0-.6-.5-1.1-1.2-1.1h-11.8v-8.5a1 1 0 00-.3-.7l-30-32.4a1 1 0 00-.8-.3H143a1 1 0 00-1 1v41h-11.8c-.7 0-1.2.5-1.2 1.1v28c0 .7.5 1.2 1.2 1.2H142v-.1z"
+            fill="#fff" fill-opacity=".3" />
+    </g>
+    <g filter="url(#filter3_d)">
+        <path
+            d="M144 160.2v14.4c0 .6.5 1 1 1h60.4c.5 0 1-.4 1-1v-14.4h11.8c.7 0 1.2-.5 1.2-1.2v-28c0-.6-.5-1.1-1.2-1.1h-11.8v-8.5a1 1 0 00-.3-.7l-30-32.4a1 1 0 00-.8-.3H145a1 1 0 00-1 1v41h-11.8c-.7 0-1.2.5-1.2 1.1v28c0 .7.5 1.2 1.2 1.2H144v-.1z"
+            fill="#fff" fill-opacity=".3" />
+    </g>
+    <g filter="url(#filter4_d)">
+        <path
+            d="M139.6 169.6V84c0-.6.5-1 1-1H171c.3 0 .6.1.8.3l5.7 6.2 15.8 17 8.5 9.2c.2.2.3.5.3.7v53.2c0 .6-.5 1-1 1h-60.4a1 1 0 01-1-1h-.1z"
+            fill="#64ACFD" />
+        <path
+            d="M177.4 89.5l15.8 17m-15.8-17l-5.8-6.2a1 1 0 00-.7-.3h-30.3a1 1 0 00-1 1v85.6c0 .6.5 1 1 1H201c.5 0 1-.4 1-1v-53.2a1 1 0 00-.3-.7l-8.5-9.1-15.8-17.1zm0 0v16c0 .6.4 1 1 1h14.8l-15.8-17z"
+            stroke="#fff" stroke-width="2.1" />
+    </g>
+    <g filter="url(#filter5_d)">
+        <g filter="url(#filter6_d)">
+            <path
+                d="M213.8 124.8h-86c-.7 0-1.2.5-1.2 1.2v28c0 .7.5 1.2 1.2 1.2h86c.7 0 1.2-.5 1.2-1.2v-28c0-.7-.5-1.2-1.2-1.2z"
+                fill="#fff" />
+        </g>
+        <g filter="url(#filter7_d)">
+            <path
+                d="M147.8 130.5h6.6c1 0 1.8.1 2.6.3a5 5 0 012.1.9c.6.4 1.1 1 1.5 1.6.3.7.5 1.6.5 2.6a6 6 0 01-.5 2.6c-.3.7-.8 1.3-1.3 1.7-.6.4-1.3.7-2.1.9-.8.2-1.7.2-2.6.2h-2.9v7h-3.9v-17.8zm4 7.5h3.5l1-.4.5-.6c.2-.3.3-.7.3-1 0-.5-.1-.9-.3-1.2a2 2 0 00-.8-.6 3 3 0 00-1.1-.3h-3.2v4.1h.1zm11.8-7.5h5.8c1.4 0 2.8.2 4 .5 1.3.3 2.4.8 3.4 1.6 1 .7 1.7 1.6 2.2 2.7.6 1.1.9 2.5.9 4.1a8.4 8.4 0 01-3 6.6c-1 .7-2 1.3-3.2 1.7-1.2.3-2.4.5-3.8.5h-6.3v-17.7zm3.9 14.1h2c.9 0 1.7 0 2.5-.2s1.5-.5 2-1c.6-.4 1-1 1.3-1.6.4-.7.5-1.6.5-2.6a4.8 4.8 0 00-3.7-4.7c-.7-.3-1.5-.4-2.3-.4h-2.3v10.5zm15.2-14.1h11.9v3.6h-8v3.6h7.4v3.6h-7.4v7h-4v-17.8h.1z"
+                fill="#4294F0" />
+        </g>
+    </g>
+    <text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18"
+        letter-spacing="0em">
+        <tspan x="98.7" y="235.3">Upload documents.</tspan>
+    </text>
+    <path d="M449.9 0l-99.4 290.2h373L798 0H449.9z" fill="#1368C7" />
+    <path
+        d="M449 124.9l-5.6-10.1-6 9.9 11.6.2zm-165.4.9C337.9 96 394 94.6 440.8 121l1-1.7C394.3 92.5 337.5 94 282.6 124l1 1.8zm588.2 2.2l-5-10.5-6.5 9.5 11.5 1zm-165.7.8c54.6-33.5 110.8-35.1 157.8-5.1l1-1.7c-47.7-30.5-104.7-28.8-159.9 5l1 1.8h.1z"
+        fill="#fff" />
+    <text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18"
+        letter-spacing="0em">
+        <tspan x="472.3" y="79.8">Extract, analyze and search text.</tspan>
+    </text>
+    <text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18"
+        letter-spacing="0em">
+        <tspan x="455.2" y="225.3">Annotate, redact and edit.</tspan>
+    </text>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M576.5 167c-2.8-3.5-5.5-6.8-3-12 3.9-8.5 15.3-12 23.4-12 8.2 0 16.2 3.5 12.3 12-2.6 5.4-8.5 8.7-14.5 12.1-6.2 3.5-12.3 7-15 12.7 2.7-5.8-.3-9.3-3.2-12.9v.1zm13.4-9c3.9 0 8-2 9.2-4.6 1.2-2.6-1-4.7-4.9-4.7-3.9 0-8 2.1-9.2 4.7-1.2 2.6 1 4.7 4.9 4.7v-.1z"
+        fill="#000" fill-opacity=".1" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M571 160.4c-4.5-5.2-8.8-10.2-8.8-18 0-12.9 9.8-18.3 17.9-18.3 8.1 0 17.9 5.4 17.9 18.2 0 7.9-4.3 13-8.7 18-4.6 5.4-9.2 10.8-9.2 19.5 0-8.7-4.6-14.1-9.2-19.4h.1zm9-13.4a7.1 7.1 0 100-14.2 7.1 7.1 0 000 14.2zm-68.1 17.7s-3.4 0-3.6-.4c-.1-.4-.2-.6 0-.9.1-.2.8-.5 1.5-.9l1.7-1a584 584 0 0013.7-22.4c.8-1.2 2.6-2.8 3.5-2.8.9 0 1.5 1.2 1.8 2 .2.6 1.2 8.5 1.7 12.2l.2 1.7.2 1.5c.4 2.7 1 7 1.2 7.6.1.3.6.6 1 1 .6.3 1.2.7 1.3 1.1 0 .7-1 1.3-2.3 1.3h-1.2c-1.1 0-2.3.1-3.2 0l-1-.1c-.8 0-1.5-.1-1.5-.6 0-.4.3-.7.6-1 .3-.2.6-.4.7-.7.3-.8.9-3.4.6-5.2-.3-2-1.3-2.4-4.1-2.5-3 0-5.8.2-6.7 1.4-.8 1.2-1.5 2.5-1.7 3.2l-.2.5c-.3.7-.6 1.5-.5 2 0 .3.2.5.5.8.3.3.7.7.7 1.5 0 .7-5 .7-5 .7h.1zm9.2-13.4a2 2 0 00-.5 1l1.4.2 5.9-.2c.3 0 .4-.3.4-.7v-.2c-.2-3.3-.7-6.5-1.4-9.7-.1-.3-.3 0-.5.3l-4.5 7.9-.8 1.4zM640.8 167a16.6 16.6 0 100-33.2 16.6 16.6 0 000 33.2zm7.3-23.4l4 .3c2.5.3 3.5 3 2 5-.6 1-1.2 1.6-1.6 1.7-1 .5-6.7.2-7.8 0-.6-.1-1.7-1.4-2.5-2.8l-.2-.6c-.3-.8-.7-1.8-1.5-1.8-.6 0-.9.6-.9 1.2 0 .4 0 .8-.3 1.2-.8 1.4-1.9 2.7-2.5 2.8-1 .2-6.7.5-7.8 0-.4-.1-1-.8-1.6-1.6-1.5-2-.4-4.8 2-5 1.6-.3 3-.4 4-.4s2.5.3 4 .6l1.9.2a10 10 0 012.6 0c.8 0 1.5 0 2.3-.2a22 22 0 013.9-.6z"
+        fill="#fff" />
+    <path d="M927.5 46.6h148.8v136.6H927.5V46.6z" fill="#4294F0" />
+    <path d="M927.3 41.7h149v15.8h-149V41.7z" fill="#1368C7" />
+    <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M1063.2 48.2a3 3 0 01-3 3 3 3 0 01-3-3 3 3 0 013-3 3 3 0 013 3zm-.6 3c-.6.6-1.5 1-2.4 1a3.9 3.9 0 113-1.6l4.3 4.2-.7.7-4.2-4.2v-.1z"
+        fill="#64ACFD" />
+    <path d="M929.1 57.5h107.8v124H929.1v-124z" fill="#64ACFD" />
+    <path d="M947.3 63.5h71.3v91.7h-71.3V63.5zm0 102.3h71.3v15.7h-71.3v-15.7z" fill="#fff" />
+    <path
+        d="M955.6 45.4h-20.2c-.8 0-1.5.7-1.5 1.5v5.5c0 .8.7 1.5 1.5 1.5h20.2c.8 0 1.5-.7 1.5-1.5v-5.5c0-.8-.7-1.5-1.5-1.5zM981.6 45.4h-20.2c-.8 0-1.5.7-1.5 1.5v5.5c0 .8.7 1.5 1.5 1.5h20.2c.8 0 1.5-.7 1.5-1.5v-5.5c0-.8-.7-1.5-1.5-1.5zM1007.5 45.4h-20.2c-.8 0-1.5.7-1.5 1.5v5.5c0 .8.7 1.5 1.5 1.5h20.2c.8 0 1.5-.7 1.5-1.5v-5.5c0-.8-.7-1.5-1.5-1.5zM1041.6 68.5h29.5v4.9h-29.5v-4.9zm0 12.5h29.5v3.2h-29.5V81zm0 5.8h29.5V90h-29.5v-3.2zm0 10.8h29.5v3.2h-29.5v-3.2zm0 5.7h29.5v3.2h-29.5v-3.2zm0 5.8h29.5v3.2h-29.5v-3.2z"
+        fill="#64ACFD" />
+    <defs>
+        <filter id="filter0_d" x="130.6" y="90" width="93.2" height="94.8"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4.8" />
+            <feGaussianBlur stdDeviation="1.2" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" />
+            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <filter id="filter1_d" x="132.6" y="92" width="93.2" height="94.8"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4.8" />
+            <feGaussianBlur stdDeviation="1.2" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" />
+            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <filter id="filter2_d" x="126.6" y="86" width="93.2" height="94.8"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4.8" />
+            <feGaussianBlur stdDeviation="1.2" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" />
+            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <filter id="filter3_d" x="128.6" y="88" width="93.2" height="94.8"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4.8" />
+            <feGaussianBlur stdDeviation="1.2" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" />
+            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <filter id="filter4_d" x="134.3" y="79.8" width="72.9" height="98.1"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="2.1" />
+            <feGaussianBlur stdDeviation="2.1" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" />
+            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <filter id="filter5_d" x="122.6" y="124.8" width="96.4" height="38.4"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4" />
+            <feGaussianBlur stdDeviation="2" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <filter id="filter6_d" x="124.2" y="124.8" width="93.2" height="37.6"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4.8" />
+            <feGaussianBlur stdDeviation="1.2" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" />
+            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <filter id="filter7_d" x="143.6" y="126.3" width="55.2" height="26.2"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset />
+            <feGaussianBlur stdDeviation="2.1" />
+            <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" />
+            <feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/masthead_responsive.svg b/src/assets/masthead_responsive.svg
index ac547cda0..eb22558fa 100644
--- a/src/assets/masthead_responsive.svg
+++ b/src/assets/masthead_responsive.svg
@@ -1 +1,69 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 497 374" class="mastheadresponsive"><g clip-path="url(#clip0)"><path d="M0 96.6h497v162.3H0V96.6z" fill="#1368C7"/><path d="M0 0h497v96.6H0V0z" fill="#4294F0"/><text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18" letter-spacing="0em"><tspan x="96.1" y="57.2">Upload documents</tspan></text><path d="M497 258.9H0v115.3h497V258.9z" fill="#494949"/><text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18" letter-spacing="0em"><tspan x="184.4" y="311.3">Embed documents on your site and </tspan><tspan x="184.4" y="334.3">publish to our growing archive.</tspan></text><path d="M49.8 279.1h84.6v77.6H49.8v-77.6z" fill="#4294F0"/><path d="M49.7 276.3h84.7v9H49.7v-9z" fill="#1368C7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M126.9 280a1.7 1.7 0 11-3.4 0 1.7 1.7 0 013.4 0zm-.3 1.7a2.2 2.2 0 11.4-.4l2.3 2.5-.3.3-2.4-2.4z" fill="#64ACFD"/><path d="M50.7 285.3H112v70.5H50.7v-70.5z" fill="#64ACFD"/><path d="M61 288.7h40.5v52.1H61v-52zm0 58.2h40.5v9H61v-9z" fill="#fff"/><path d="M65.7 278.4H54.3c-.5 0-.9.4-.9 1v3c0 .4.4.8.9.8h11.4c.5 0 .9-.4.9-.9v-3c0-.5-.4-.9-.9-.9zM80.5 278.4H69.1c-.5 0-.9.4-.9 1v3c0 .4.4.8.9.8h11.4c.5 0 .9-.4.9-.9v-3c0-.5-.4-.9-.9-.9zM95.2 278.4H83.8c-.5 0-.9.4-.9 1v3c0 .4.4.8.9.8h11.4c.5 0 .9-.4.9-.9v-3c0-.5-.4-.9-.9-.9zM114.6 291.6h16.8v2.8h-16.8v-2.8zm0 7h16.8v1.8h-16.8v-1.8zm0 3.3h16.8v1.8h-16.8V302zm0 6.2h16.8v1.8h-16.8v-1.8zm0 3.2h16.8v1.8h-16.8v-1.8zm0 3.3h16.8v1.8h-16.8v-1.8z" fill="#64ACFD"/><path d="M307.5 66.8V75c0 .3.2.6.6.6h34.3c.3 0 .6-.3.6-.6v-8.2h6.7c.4 0 .7-.3.7-.6v-16c0-.3-.3-.7-.7-.7H343v-4.8l-.2-.4-17-18.4a.6.6 0 00-.5-.2h-17.2c-.4 0-.6.3-.6.6v23.3h-6.8c-.4 0-.7.4-.7.7v16c0 .3.3.6.7.6h6.8z" fill="#fff" fill-opacity=".3"/><path d="M308.7 68v8.2c0 .3.2.5.5.5h34.3c.4 0 .6-.2.6-.5V68h6.8c.3 0 .6-.3.6-.7v-16c0-.3-.3-.6-.6-.6h-6.8V46l-.1-.4-17.1-18.4a.6.6 0 00-.5-.2h-17.2c-.3 0-.6.2-.6.6v23.1h-6.7c-.4 0-.7.3-.7.7v16c0 .3.3.6.7.6h6.7l.1.1z" fill="#fff" fill-opacity=".3"/><path d="M305.2 64.6v8c0 .4.3.6.6.6h34.3c.4 0 .6-.2.6-.6v-8h6.7c.4 0 .7-.3.7-.7V48c0-.3-.3-.6-.7-.6h-6.7v-4.8l-.1-.4-17.2-18.5a.6.6 0 00-.4-.2h-17.2c-.3 0-.6.3-.6.6v23.3h-6.7c-.4 0-.7.3-.7.6v16c0 .4.3.7.7.7h6.7z" fill="#fff" fill-opacity=".3"/><path d="M306.3 65.6V74c0 .3.3.6.6.6h34.4c.3 0 .6-.3.6-.6v-8.3h6.7c.4 0 .7-.3.7-.7V49c0-.3-.3-.6-.7-.6h-6.7v-4.7l-.2-.4-17.1-18.4a.6.6 0 00-.4-.2h-17.3c-.3 0-.6.3-.6.6v23.2h-6.6c-.4 0-.7.3-.7.7v16c0 .3.3.6.7.6h6.7-.1z" fill="#fff" fill-opacity=".3"/><path d="M303.8 70.6V22.8c0-.6.5-1 1-1h16.6c.3 0 .6 0 .8.3l3.1 3.3 9 9.8 4.8 5 .2.7v29.7c0 .6-.4 1-1 1h-33.4a1 1 0 01-1-1h-.1z" fill="#64ACFD"/><path d="M325.4 25.4l9 9.8m-9.1-9.8l-3-3.3a1 1 0 00-.9-.4h-16.5a1 1 0 00-1 1v48c0 .5.4 1 1 1h33.4c.6 0 1-.5 1-1V40.8c0-.2 0-.5-.2-.7l-4.7-5-9.1-9.8zm.1 0v8.7c0 .6.4 1 1 1h8l-9-9.7z" stroke="#fff" stroke-width="2.1"/><path d="M345.5 45.6h-47.9c-.7 0-1.2.6-1.2 1.2v15c0 .6.5 1.1 1.2 1.1h47.9c.7 0 1.2-.5 1.2-1.2V46.8c0-.6-.5-1.2-1.2-1.2z" fill="#fff"/><path d="M308.5 48.8h3.8l1.4.1 1.3.5.8 1c.2.4.3 1 .3 1.5s-.1 1-.3 1.4c-.2.4-.4.7-.8 1l-1.2.5-1.4.1h-1.7v4h-2.2V49zm2.2 4.3h2.1l.5-.3.3-.3.2-.6c0-.3 0-.5-.2-.7a1 1 0 00-.5-.3l-.6-.2h-1.8v2.4zm6.8-4.3h3.3c.8 0 1.6 0 2.3.3a5 5 0 012 .8c.4.4.9 1 1.2 1.6.3.7.5 1.4.5 2.4a4.8 4.8 0 01-1.7 3.7l-1.8 1a7 7 0 01-2.2.3h-3.6V49zm2.2 8H322.3l1.1-.6c.4-.3.6-.6.8-1a3.3 3.3 0 000-2.6c-.1-.4-.4-.7-.7-1-.4-.3-.7-.5-1.2-.6l-1.3-.2h-1.3v6zm8.7-8h6.7v2h-4.4v2h4.2V55h-4.2v4h-2.2V49h-.1z" fill="#4294F0"/><text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18" letter-spacing="0em"><tspan x="130.3" y="135.8">Extract, analyze, and search text.</tspan></text><text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18" letter-spacing="0em"><tspan x="149.1" y="232.6">Annotate, redact, and edit.</tspan></text><path fill-rule="evenodd" clip-rule="evenodd" d="M244.6 193.7c-2.7-3.2-5.3-6.2-3-11 3.8-7.8 14.7-11 22.5-11 7.7 0 15.4 3.2 11.7 11-2.5 5-8.1 8-13.9 11.1-5.8 3.2-11.7 6.4-14.3 11.6 2.6-5.3-.2-8.5-3-11.7zm12.7-8.2c3.7 0 7.7-1.9 8.9-4.3 1.1-2.3-1-4.2-4.7-4.2s-7.7 2-8.8 4.2c-1.2 2.4.9 4.3 4.6 4.3z" fill="#000" fill-opacity=".1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M239.3 187.6c-4.2-4.7-8.4-9.3-8.4-16.5 0-11.7 9.3-16.6 17.1-16.6 7.8 0 17 5 17 16.6 0 7.2-4 11.8-8.3 16.5-4.3 5-8.7 10-8.7 17.8 0-8-4.4-12.9-8.7-17.8zm8.7-12.2c3.7 0 6.7-3 6.7-6.5 0-3.6-3-6.5-6.7-6.5a6.6 6.6 0 00-6.7 6.5c0 3.6 3 6.5 6.7 6.5zm58 18.3c8.7 0 15.7-6.8 15.7-15.2 0-8.4-7-15.2-15.8-15.2-8.7 0-15.8 6.8-15.8 15.2 0 8.4 7 15.2 15.8 15.2h.1zm7-21.4c.8 0 2 0 3.3.2a3 3 0 012.8 3.6 3 3 0 01-.8 1.5l-1.1 1.1c-1 .5-6.5.2-7.5 0-.6 0-1.5-1.2-2.3-2.4l-.2-.5c-.3-.8-.7-2-1.6-2-.6 0-.9.8-.9 1.4 0 .4 0 .7-.3 1.1-.7 1.2-1.7 2.3-2.3 2.4-1 .2-6.4.5-7.4 0-.3 0-.7-.5-1.2-1a3 3 0 012-5.2l3.4-.2c1 0 2.3.2 3.6.5l2 .2a10 10 0 012.5 0c.8 0 1.6 0 2.3-.2a18 18 0 013.6-.5h.1zM182.3 194.8s-3.4 0-3.5-.4c-.2-.4-.3-.5 0-.9l1.4-.8 1.8-1c4.7-7.4 9.3-14.9 13.7-22.5.8-1.2 2.5-2.8 3.4-2.8 1 0 1.6 1.2 1.8 2l1.8 12.3.2 1.6.2 1.6c.3 2.7.9 7 1.2 7.6.1.3.6.6 1 1 .6.3 1.2.7 1.2 1 .1.8-.9 1.3-2.2 1.3h-5.5c-.8 0-1.6-.2-1.6-.7 0-.4.3-.6.7-.9.3-.2.6-.5.7-.8.3-.7.9-3.3.6-5.2-.3-1.9-1.3-2.4-4.2-2.4-2.9 0-5.7.1-6.6 1.3-.9 1.2-1.5 2.5-1.8 3.3l-.2.5c-.3.6-.6 1.4-.5 2 0 .3.3.5.5.7.4.3.8.7.8 1.5 0 .7-5 .7-5 .7h.1zm9.2-13.4l-.5 1h7.3c.4 0 .5-.3.4-.6v-.2a40 40 0 00-1.4-9.7c0-.3-.2 0-.4.2l-4.6 8-.8 1.3z" fill="#fff"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h497v374H0z"/></clipPath></defs></svg>
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 497 374" class="mastheadresponsive">
+    <g clip-path="url(#clip0)">
+        <path d="M0 96.6h497v162.3H0V96.6z" fill="#1368C7" />
+        <path d="M0 0h497v96.6H0V0z" fill="#4294F0" />
+        <text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18"
+            letter-spacing="0em">
+            <tspan x="96.1" y="57.2">Upload documents</tspan>
+        </text>
+        <path d="M497 258.9H0v115.3h497V258.9z" fill="#494949" />
+        <text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18"
+            letter-spacing="0em">
+            <tspan x="184.4" y="311.3">Embed documents on your site and </tspan>
+            <tspan x="184.4" y="334.3">publish to our growing archive.</tspan>
+        </text>
+        <path d="M49.8 279.1h84.6v77.6H49.8v-77.6z" fill="#4294F0" />
+        <path d="M49.7 276.3h84.7v9H49.7v-9z" fill="#1368C7" />
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M126.9 280a1.7 1.7 0 11-3.4 0 1.7 1.7 0 013.4 0zm-.3 1.7a2.2 2.2 0 11.4-.4l2.3 2.5-.3.3-2.4-2.4z"
+            fill="#64ACFD" />
+        <path d="M50.7 285.3H112v70.5H50.7v-70.5z" fill="#64ACFD" />
+        <path d="M61 288.7h40.5v52.1H61v-52zm0 58.2h40.5v9H61v-9z" fill="#fff" />
+        <path
+            d="M65.7 278.4H54.3c-.5 0-.9.4-.9 1v3c0 .4.4.8.9.8h11.4c.5 0 .9-.4.9-.9v-3c0-.5-.4-.9-.9-.9zM80.5 278.4H69.1c-.5 0-.9.4-.9 1v3c0 .4.4.8.9.8h11.4c.5 0 .9-.4.9-.9v-3c0-.5-.4-.9-.9-.9zM95.2 278.4H83.8c-.5 0-.9.4-.9 1v3c0 .4.4.8.9.8h11.4c.5 0 .9-.4.9-.9v-3c0-.5-.4-.9-.9-.9zM114.6 291.6h16.8v2.8h-16.8v-2.8zm0 7h16.8v1.8h-16.8v-1.8zm0 3.3h16.8v1.8h-16.8V302zm0 6.2h16.8v1.8h-16.8v-1.8zm0 3.2h16.8v1.8h-16.8v-1.8zm0 3.3h16.8v1.8h-16.8v-1.8z"
+            fill="#64ACFD" />
+        <path
+            d="M307.5 66.8V75c0 .3.2.6.6.6h34.3c.3 0 .6-.3.6-.6v-8.2h6.7c.4 0 .7-.3.7-.6v-16c0-.3-.3-.7-.7-.7H343v-4.8l-.2-.4-17-18.4a.6.6 0 00-.5-.2h-17.2c-.4 0-.6.3-.6.6v23.3h-6.8c-.4 0-.7.4-.7.7v16c0 .3.3.6.7.6h6.8z"
+            fill="#fff" fill-opacity=".3" />
+        <path
+            d="M308.7 68v8.2c0 .3.2.5.5.5h34.3c.4 0 .6-.2.6-.5V68h6.8c.3 0 .6-.3.6-.7v-16c0-.3-.3-.6-.6-.6h-6.8V46l-.1-.4-17.1-18.4a.6.6 0 00-.5-.2h-17.2c-.3 0-.6.2-.6.6v23.1h-6.7c-.4 0-.7.3-.7.7v16c0 .3.3.6.7.6h6.7l.1.1z"
+            fill="#fff" fill-opacity=".3" />
+        <path
+            d="M305.2 64.6v8c0 .4.3.6.6.6h34.3c.4 0 .6-.2.6-.6v-8h6.7c.4 0 .7-.3.7-.7V48c0-.3-.3-.6-.7-.6h-6.7v-4.8l-.1-.4-17.2-18.5a.6.6 0 00-.4-.2h-17.2c-.3 0-.6.3-.6.6v23.3h-6.7c-.4 0-.7.3-.7.6v16c0 .4.3.7.7.7h6.7z"
+            fill="#fff" fill-opacity=".3" />
+        <path
+            d="M306.3 65.6V74c0 .3.3.6.6.6h34.4c.3 0 .6-.3.6-.6v-8.3h6.7c.4 0 .7-.3.7-.7V49c0-.3-.3-.6-.7-.6h-6.7v-4.7l-.2-.4-17.1-18.4a.6.6 0 00-.4-.2h-17.3c-.3 0-.6.3-.6.6v23.2h-6.6c-.4 0-.7.3-.7.7v16c0 .3.3.6.7.6h6.7-.1z"
+            fill="#fff" fill-opacity=".3" />
+        <path
+            d="M303.8 70.6V22.8c0-.6.5-1 1-1h16.6c.3 0 .6 0 .8.3l3.1 3.3 9 9.8 4.8 5 .2.7v29.7c0 .6-.4 1-1 1h-33.4a1 1 0 01-1-1h-.1z"
+            fill="#64ACFD" />
+        <path
+            d="M325.4 25.4l9 9.8m-9.1-9.8l-3-3.3a1 1 0 00-.9-.4h-16.5a1 1 0 00-1 1v48c0 .5.4 1 1 1h33.4c.6 0 1-.5 1-1V40.8c0-.2 0-.5-.2-.7l-4.7-5-9.1-9.8zm.1 0v8.7c0 .6.4 1 1 1h8l-9-9.7z"
+            stroke="#fff" stroke-width="2.1" />
+        <path
+            d="M345.5 45.6h-47.9c-.7 0-1.2.6-1.2 1.2v15c0 .6.5 1.1 1.2 1.1h47.9c.7 0 1.2-.5 1.2-1.2V46.8c0-.6-.5-1.2-1.2-1.2z"
+            fill="#fff" />
+        <path
+            d="M308.5 48.8h3.8l1.4.1 1.3.5.8 1c.2.4.3 1 .3 1.5s-.1 1-.3 1.4c-.2.4-.4.7-.8 1l-1.2.5-1.4.1h-1.7v4h-2.2V49zm2.2 4.3h2.1l.5-.3.3-.3.2-.6c0-.3 0-.5-.2-.7a1 1 0 00-.5-.3l-.6-.2h-1.8v2.4zm6.8-4.3h3.3c.8 0 1.6 0 2.3.3a5 5 0 012 .8c.4.4.9 1 1.2 1.6.3.7.5 1.4.5 2.4a4.8 4.8 0 01-1.7 3.7l-1.8 1a7 7 0 01-2.2.3h-3.6V49zm2.2 8H322.3l1.1-.6c.4-.3.6-.6.8-1a3.3 3.3 0 000-2.6c-.1-.4-.4-.7-.7-1-.4-.3-.7-.5-1.2-.6l-1.3-.2h-1.3v6zm8.7-8h6.7v2h-4.4v2h4.2V55h-4.2v4h-2.2V49h-.1z"
+            fill="#4294F0" />
+        <text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18"
+            letter-spacing="0em">
+            <tspan x="130.3" y="135.8">Extract, analyze and search text.</tspan>
+        </text>
+        <text fill="#fff" style="white-space:pre" font-family="Source Sans Pro" font-size="18"
+            letter-spacing="0em">
+            <tspan x="149.1" y="232.6">Annotate, redact and edit.</tspan>
+        </text>
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M244.6 193.7c-2.7-3.2-5.3-6.2-3-11 3.8-7.8 14.7-11 22.5-11 7.7 0 15.4 3.2 11.7 11-2.5 5-8.1 8-13.9 11.1-5.8 3.2-11.7 6.4-14.3 11.6 2.6-5.3-.2-8.5-3-11.7zm12.7-8.2c3.7 0 7.7-1.9 8.9-4.3 1.1-2.3-1-4.2-4.7-4.2s-7.7 2-8.8 4.2c-1.2 2.4.9 4.3 4.6 4.3z"
+            fill="#000" fill-opacity=".1" />
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M239.3 187.6c-4.2-4.7-8.4-9.3-8.4-16.5 0-11.7 9.3-16.6 17.1-16.6 7.8 0 17 5 17 16.6 0 7.2-4 11.8-8.3 16.5-4.3 5-8.7 10-8.7 17.8 0-8-4.4-12.9-8.7-17.8zm8.7-12.2c3.7 0 6.7-3 6.7-6.5 0-3.6-3-6.5-6.7-6.5a6.6 6.6 0 00-6.7 6.5c0 3.6 3 6.5 6.7 6.5zm58 18.3c8.7 0 15.7-6.8 15.7-15.2 0-8.4-7-15.2-15.8-15.2-8.7 0-15.8 6.8-15.8 15.2 0 8.4 7 15.2 15.8 15.2h.1zm7-21.4c.8 0 2 0 3.3.2a3 3 0 012.8 3.6 3 3 0 01-.8 1.5l-1.1 1.1c-1 .5-6.5.2-7.5 0-.6 0-1.5-1.2-2.3-2.4l-.2-.5c-.3-.8-.7-2-1.6-2-.6 0-.9.8-.9 1.4 0 .4 0 .7-.3 1.1-.7 1.2-1.7 2.3-2.3 2.4-1 .2-6.4.5-7.4 0-.3 0-.7-.5-1.2-1a3 3 0 012-5.2l3.4-.2c1 0 2.3.2 3.6.5l2 .2a10 10 0 012.5 0c.8 0 1.6 0 2.3-.2a18 18 0 013.6-.5h.1zM182.3 194.8s-3.4 0-3.5-.4c-.2-.4-.3-.5 0-.9l1.4-.8 1.8-1c4.7-7.4 9.3-14.9 13.7-22.5.8-1.2 2.5-2.8 3.4-2.8 1 0 1.6 1.2 1.8 2l1.8 12.3.2 1.6.2 1.6c.3 2.7.9 7 1.2 7.6.1.3.6.6 1 1 .6.3 1.2.7 1.2 1 .1.8-.9 1.3-2.2 1.3h-5.5c-.8 0-1.6-.2-1.6-.7 0-.4.3-.6.7-.9.3-.2.6-.5.7-.8.3-.7.9-3.3.6-5.2-.3-1.9-1.3-2.4-4.2-2.4-2.9 0-5.7.1-6.6 1.3-.9 1.2-1.5 2.5-1.8 3.3l-.2.5c-.3.6-.6 1.4-.5 2 0 .3.3.5.5.7.4.3.8.7.8 1.5 0 .7-5 .7-5 .7h.1zm9.2-13.4l-.5 1h7.3c.4 0 .5-.3.4-.6v-.2a40 40 0 00-1.4-9.7c0-.3-.2 0-.4.2l-4.6 8-.8 1.3z"
+            fill="#fff" />
+    </g>
+    <defs>
+        <clipPath id="clip0">
+            <path fill="#fff" d="M0 0h497v374H0z" />
+        </clipPath>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/assets/mastlogo.svg b/src/assets/mastlogo.svg
index 41016e092..573e0b28a 100644
--- a/src/assets/mastlogo.svg
+++ b/src/assets/mastlogo.svg
@@ -1 +1,12 @@
-<svg class="mastlogo" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 99" width="330" height="99"><path d="M9.5 35.8H4.7v16.6h4.8c5.2 0 8.5-3.4 8.5-8.2a8 8 0 00-8.5-8.4zm0 20.6h-9V31.9h9c7.7 0 13 5.3 13 12.2 0 7-5.3 12.3-13 12.3zM36 41.2c-3.4 0-5.5 2.7-5.5 6 0 3.2 2.3 5.9 5.6 5.9 3.4 0 5.6-2.6 5.6-5.9 0-3.3-2.4-6-5.7-6zm0 15.6a9.6 9.6 0 110-19.2c5.7 0 9.9 4.2 9.9 9.5s-4.2 9.7-9.9 9.7m22.7 0a9.4 9.4 0 01-9.5-9.6c0-5.3 4-9.7 9.5-9.7 3.5 0 5.7 1.3 7.4 3.2l-2.6 2.8c-1.3-1.3-2.7-2.3-4.8-2.3-3 0-5.3 2.7-5.3 6s2.3 5.9 5.5 5.9c2 0 3.5-1 4.8-2.3l2.5 2.5c-1.8 2-4 3.5-7.5 3.5M82.2 38h4.2v18.4h-4.2v-3a6.6 6.6 0 01-5.7 3.3c-4.2 0-6.6-2.8-6.6-7V37.8H74v10.5c0 2.9 1.4 4.5 4 4.5 2.4 0 4.1-1.7 4.1-4.6V38m31.2-.5c4 0 6.5 2.6 6.5 7v11.9h-4.3V45.9c0-3-1.3-4.5-3.7-4.5-2.3 0-4 1.6-4 4.5v10.5h-4.2V45.8c0-2.8-1.4-4.4-3.7-4.4-2.3 0-4 1.7-4 4.6v10.4h-4.2V37.9H96v2.8c1.2-1.6 2.8-3.2 5.6-3.2 2.6 0 4.5 1.3 5.5 3.3 1.5-2 3.4-3.3 6.2-3.3zm24.2 8.3c-.2-2.7-1.9-4.8-4.6-4.8-2.6 0-4.4 2-4.8 4.8h9.4zm-4 7.5c2 0 3.4-.8 5-2.2l2.4 2.2a9.3 9.3 0 01-7.6 3.5 9.2 9.2 0 01-9.4-9.6c0-5.3 3.7-9.7 9-9.7 5.9 0 8.8 4.6 8.8 10v1.1H128c.5 3 2.6 4.7 5.3 4.7m16.9 3.1H146V37.9h4.2v2.9a6.6 6.6 0 015.8-3.3c4.1 0 6.5 2.8 6.5 7.1v11.8h-4.2V45.9c0-2.9-1.4-4.5-4-4.5-2.4 0-4.1 1.7-4.1 4.5v10.5m22.5-5.8c0 1.6.9 2.3 2.3 2.3 1 0 1.8-.2 2.6-.6v3.4c-1 .6-2.2 1-3.8 1-3.1 0-5.3-1.4-5.3-5.4v-9.7h-2.3v-3.7h2.3v-5h4.2v5h5v3.7h-5v9m21.1 6.2c-7.2 0-12.5-5.6-12.5-12.6s5.2-12.7 12.6-12.7c4.5 0 7.3 1.6 9.6 3.8l-2.8 3.2c-2-1.8-4-3-6.8-3-4.7 0-8 3.8-8 8.6s3.3 8.7 8 8.7c3 0 5-1.2 7-3.2l2.8 2.8a12.6 12.6 0 01-10 4.4m14.3-.4V30.9h4.2v25.5h-4.3zm18.4-15.2c-3.4 0-5.5 2.7-5.5 6 0 3.2 2.3 5.9 5.6 5.9 3.4 0 5.6-2.6 5.6-5.9 0-3.3-2.4-6-5.7-6zm0 15.6a9.5 9.5 0 01-9.7-9.6c0-5.3 4.1-9.7 9.8-9.7 5.7 0 9.8 4.3 9.8 9.6s-4.2 9.7-9.9 9.7M252.7 38h4.2v18.4h-4.2v-3a6.6 6.6 0 01-5.7 3.3c-4.2 0-6.6-2.8-6.6-7V37.8h4.2v10.5c0 2.9 1.4 4.5 4 4.5 2.4 0 4.1-1.7 4.1-4.6V38m18.2 3.2c-3 0-5.3 2.2-5.3 6 0 3.6 2.4 5.9 5.3 5.9 2.8 0 5.3-2.4 5.3-6s-2.5-5.9-5.3-5.9zm5.2 15.2v-3.1a7.4 7.4 0 01-6.2 3.4c-4.4 0-8.6-3.4-8.6-9.6 0-6.1 4.2-9.6 8.6-9.6 3 0 5 1.6 6.2 3.3v-10h4.3v25.6H276" fill="#222222"/><path d="M287.6 6.7a36.2 36.2 0 00-9.7-1.2 23 23 0 00-15.7 5.2 16 16 0 00-4.2 5.4l-1.5 3.8-2.7-3v-.1l-.3-.3a31 31 0 00-4.7-4 28.7 28.7 0 00-16-5.8c-8.6 0-13.1 5-13.5 5.4l-1.7 2-2-1.8-.2-.2a21.3 21.3 0 00-4.4-3A25.5 25.5 0 00198 6c-2.7 0-4.8.6-6.4 1.3l-2-4.6a21.8 21.8 0 019.3-1.8c8.7 0 15.2 4 18.3 6.2a24 24 0 0115.6-5.4c1.4 0 2.8 0 4.3.3a36 36 0 0118 9 23 23 0 013.5-3.8A28 28 0 01277.9.5a41.8 41.8 0 0111 1.3c.2 0 12.4 3 19.5 13a25.8 25.8 0 014.4 20.2c3.5 1.7 10.4 6 14.3 14.4 1.3 3 2 5.8 2 8.3l-5 .2c0-1.8-.5-3.9-1.6-6.4a26.7 26.7 0 00-13.7-12.8l-2.5-.9 1-2.5h.1l.1-.3.3-1c.3-1 .5-2.4.5-4.2 0-3.2-.8-7.4-4-12a33.7 33.7 0 00-16.7-11.1z" fill="#4294F0"/><path d="M4.7 91h1.7V79.2h3.9V78H.8v1.3h4V91zm6.7-3.6c0 2.5.9 3.8 3 3.8 1.2 0 2.2-.7 3-1.8h.1l.2 1.5H19v-9.6h-1.6v6.8c-1 1.2-1.6 1.7-2.6 1.7-1.3 0-1.8-.8-1.8-2.6v-5.9h-1.6v6.1zM22.3 91h1.6v-6.1c.6-1.7 1.6-2.3 2.4-2.3l1 .2.3-1.4c-.4-.2-.7-.2-1-.2-1.2 0-2.1.8-2.8 2l-.2-1.8h-1.3V91zm6.8 0h1.6v-7c1-.9 1.7-1.4 2.7-1.4 1.2 0 1.8.8 1.8 2.6V91h1.6v-6c0-2.5-.9-3.8-3-3.8-1.2 0-2.2.7-3.1 1.6h-.1l-.1-1.4H29V91zm14.1-4.8c0 3.2 1.6 5 4 5 1.1 0 2.2-.6 3-1.3l.1 1.1h1.3V77H50v5.2c-.8-.7-1.5-1.1-2.6-1.1-2.2 0-4.2 2-4.2 5zm1.7 0c0-2.2 1.2-3.6 2.8-3.6a3 3 0 012.3 1v5c-.8.9-1.6 1.3-2.4 1.3-1.7 0-2.7-1.4-2.7-3.7zm9.3 0c0 3.2 2 5 4.4 5 2.4 0 4.5-1.8 4.5-5s-2.1-5-4.5-5c-2.3 0-4.4 1.8-4.4 5zm1.7 0c0-2.2 1-3.7 2.7-3.7 1.7 0 2.8 1.5 2.8 3.7s-1.1 3.7-2.8 3.7c-1.6 0-2.7-1.5-2.7-3.7zm9 0c0 3.2 2 5 4.5 5 1.1 0 2.2-.4 3.1-1.2l-.7-1c-.6.5-1.4 1-2.3 1-1.7 0-3-1.6-3-3.8 0-2.2 1.3-3.7 3-3.7.8 0 1.4.4 2 .9l.8-1a4 4 0 00-2.8-1.2C67 81 65 82.9 65 86zm9.6 1.3c0 2.5.9 3.8 3 3.8 1.2 0 2.2-.7 3-1.8h.1l.2 1.5H82v-9.6h-1.6v6.8c-1 1.2-1.6 1.7-2.6 1.7-1.3 0-1.8-.8-1.8-2.6v-5.9h-1.6v6.1zM85.4 91H87v-7c.9-1 1.7-1.4 2.4-1.4 1.2 0 1.8.8 1.8 2.6V91h1.6v-7c.9-1 1.7-1.4 2.4-1.4 1.2 0 1.8.8 1.8 2.6V91h1.6v-6c0-2.5-1-3.8-2.9-3.8-1.2 0-2.2.7-3.2 1.8-.4-1.1-1.1-1.8-2.6-1.8-1.2 0-2.2.7-3 1.6l-.2-1.4h-1.3V91zm15.6-4.8c0 3.2 2 5 4.6 5 1.3 0 2.4-.4 3.2-1l-.6-1a4 4 0 01-2.4.8c-1.8 0-3-1.3-3.2-3.4h6.5v-1c0-2.7-1.3-4.4-3.8-4.4-2.1 0-4.3 1.9-4.3 5zm1.6-.7c.2-2 1.4-3 2.8-3 1.5 0 2.4 1 2.4 3h-5.2zm9 5.5h1.6v-7c1-.9 1.6-1.4 2.6-1.4 1.3 0 1.8.8 1.8 2.6V91h1.6v-6c0-2.5-.9-3.8-2.9-3.8-1.3 0-2.3.7-3.2 1.6l-.2-1.4h-1.3V91zm11-3c0 2 .7 3.3 2.8 3.3a6 6 0 001.8-.4l-.4-1.2-1 .2c-1.1 0-1.5-.6-1.5-1.8v-5.4h2.6v-1.3h-2.6v-2.7h-1.4l-.2 2.7-1.5.1v1.2h1.4V88zm5.4 2a6 6 0 003.6 1.3c2.2 0 3.5-1.3 3.5-2.9 0-1.8-1.6-2.4-3-2.9-1-.4-2-.8-2-1.7 0-.7.5-1.3 1.7-1.3.8 0 1.5.3 2.2.8l.7-1a4.5 4.5 0 00-3-1.1c-2 0-3.3 1.2-3.3 2.7 0 1.6 1.5 2.3 3 2.8 1 .4 2.1.8 2.1 1.8 0 .8-.6 1.5-1.9 1.5-1.1 0-2-.5-2.8-1.1l-.8 1zm14-10.8c.7 0 1.2-.4 1.2-1s-.5-1-1.2-1c-.6 0-1 .4-1 1s.4 1 1 1zm-.8 11.6h1.6v-9.6h-1.6V91zm4.9 0h1.6v-7c1-.9 1.6-1.4 2.6-1.4 1.3 0 1.8.8 1.8 2.6v5.8h1.7v-6c0-2.5-1-3.8-3-3.8-1.3 0-2.3.7-3.2 1.6l-.2-1.4h-1.3V91zm11-3c0 2 .8 3.3 2.8 3.3a6 6 0 001.8-.4l-.3-1.2-1.1.2c-1.1 0-1.5-.6-1.5-1.8v-5.4h2.6v-1.3h-2.6v-2.7h-1.4l-.2 2.7-1.5.1v1.2h1.5V88zm5.6-1.8c0 3.2 2 5 4.4 5 2.4 0 4.5-1.8 4.5-5s-2.1-5-4.5-5c-2.3 0-4.4 1.8-4.4 5zm1.6 0c0-2.2 1.2-3.7 2.8-3.7 1.7 0 2.8 1.5 2.8 3.7s-1.1 3.7-2.8 3.7c-1.6 0-2.8-1.5-2.8-3.7zm13 0c0 3.2 1.7 5 4 5 1.2 0 2.2-.6 3-1.3l.2 1.1h1.3V77h-1.6v5.2c-.8-.7-1.5-1.1-2.6-1.1-2.2 0-4.2 2-4.2 5zm1.8 0c0-2.2 1.2-3.6 2.7-3.6.8 0 1.6.2 2.4 1v5c-.8.9-1.6 1.3-2.5 1.3-1.7 0-2.6-1.4-2.6-3.7zm9.5 2.3c0 1.8 1.2 2.8 2.8 2.8 1.2 0 2.3-.7 3.2-1.4l.2 1.1h1.3V85c0-2.4-1-4-3.3-4-1.6 0-3 .8-3.8 1.3l.6 1.2a5 5 0 013-1c1.5 0 1.9 1.1 1.9 2.3-4.1.5-6 1.5-6 3.6zm1.6 0c0-1.3 1-2 4.3-2.5v2.7c-1 .8-1.7 1.3-2.6 1.3-1 0-1.7-.5-1.7-1.6zm9.2-.4c0 1.9.7 3.2 2.8 3.2a6 6 0 001.8-.4l-.4-1.2-1 .2c-1.1 0-1.5-.6-1.5-1.8v-5.4h2.6v-1.3h-2.6v-2.7h-1.4l-.2 2.7-1.5.1v1.2h1.4V88zm5.6.4c0 1.8 1.2 2.8 2.8 2.8 1.2 0 2.3-.7 3.2-1.4l.2 1.1h1.3V85c0-2.4-1-4-3.3-4-1.5 0-2.9.8-3.8 1.3l.7 1.2c.7-.6 1.7-1 2.9-1 1.5 0 2 1.1 2 2.3-4.2.5-6 1.5-6 3.6zm1.6 0c0-1.3 1.1-2 4.3-2.5v2.7c-.9.8-1.7 1.3-2.6 1.3-1 0-1.7-.5-1.7-1.6z" fill="#222222"/></svg>
+<svg class="mastlogo" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 99"
+    width="330" height="99">
+    <path
+        d="M9.5 35.8H4.7v16.6h4.8c5.2 0 8.5-3.4 8.5-8.2a8 8 0 00-8.5-8.4zm0 20.6h-9V31.9h9c7.7 0 13 5.3 13 12.2 0 7-5.3 12.3-13 12.3zM36 41.2c-3.4 0-5.5 2.7-5.5 6 0 3.2 2.3 5.9 5.6 5.9 3.4 0 5.6-2.6 5.6-5.9 0-3.3-2.4-6-5.7-6zm0 15.6a9.6 9.6 0 110-19.2c5.7 0 9.9 4.2 9.9 9.5s-4.2 9.7-9.9 9.7m22.7 0a9.4 9.4 0 01-9.5-9.6c0-5.3 4-9.7 9.5-9.7 3.5 0 5.7 1.3 7.4 3.2l-2.6 2.8c-1.3-1.3-2.7-2.3-4.8-2.3-3 0-5.3 2.7-5.3 6s2.3 5.9 5.5 5.9c2 0 3.5-1 4.8-2.3l2.5 2.5c-1.8 2-4 3.5-7.5 3.5M82.2 38h4.2v18.4h-4.2v-3a6.6 6.6 0 01-5.7 3.3c-4.2 0-6.6-2.8-6.6-7V37.8H74v10.5c0 2.9 1.4 4.5 4 4.5 2.4 0 4.1-1.7 4.1-4.6V38m31.2-.5c4 0 6.5 2.6 6.5 7v11.9h-4.3V45.9c0-3-1.3-4.5-3.7-4.5-2.3 0-4 1.6-4 4.5v10.5h-4.2V45.8c0-2.8-1.4-4.4-3.7-4.4-2.3 0-4 1.7-4 4.6v10.4h-4.2V37.9H96v2.8c1.2-1.6 2.8-3.2 5.6-3.2 2.6 0 4.5 1.3 5.5 3.3 1.5-2 3.4-3.3 6.2-3.3zm24.2 8.3c-.2-2.7-1.9-4.8-4.6-4.8-2.6 0-4.4 2-4.8 4.8h9.4zm-4 7.5c2 0 3.4-.8 5-2.2l2.4 2.2a9.3 9.3 0 01-7.6 3.5 9.2 9.2 0 01-9.4-9.6c0-5.3 3.7-9.7 9-9.7 5.9 0 8.8 4.6 8.8 10v1.1H128c.5 3 2.6 4.7 5.3 4.7m16.9 3.1H146V37.9h4.2v2.9a6.6 6.6 0 015.8-3.3c4.1 0 6.5 2.8 6.5 7.1v11.8h-4.2V45.9c0-2.9-1.4-4.5-4-4.5-2.4 0-4.1 1.7-4.1 4.5v10.5m22.5-5.8c0 1.6.9 2.3 2.3 2.3 1 0 1.8-.2 2.6-.6v3.4c-1 .6-2.2 1-3.8 1-3.1 0-5.3-1.4-5.3-5.4v-9.7h-2.3v-3.7h2.3v-5h4.2v5h5v3.7h-5v9m21.1 6.2c-7.2 0-12.5-5.6-12.5-12.6s5.2-12.7 12.6-12.7c4.5 0 7.3 1.6 9.6 3.8l-2.8 3.2c-2-1.8-4-3-6.8-3-4.7 0-8 3.8-8 8.6s3.3 8.7 8 8.7c3 0 5-1.2 7-3.2l2.8 2.8a12.6 12.6 0 01-10 4.4m14.3-.4V30.9h4.2v25.5h-4.3zm18.4-15.2c-3.4 0-5.5 2.7-5.5 6 0 3.2 2.3 5.9 5.6 5.9 3.4 0 5.6-2.6 5.6-5.9 0-3.3-2.4-6-5.7-6zm0 15.6a9.5 9.5 0 01-9.7-9.6c0-5.3 4.1-9.7 9.8-9.7 5.7 0 9.8 4.3 9.8 9.6s-4.2 9.7-9.9 9.7M252.7 38h4.2v18.4h-4.2v-3a6.6 6.6 0 01-5.7 3.3c-4.2 0-6.6-2.8-6.6-7V37.8h4.2v10.5c0 2.9 1.4 4.5 4 4.5 2.4 0 4.1-1.7 4.1-4.6V38m18.2 3.2c-3 0-5.3 2.2-5.3 6 0 3.6 2.4 5.9 5.3 5.9 2.8 0 5.3-2.4 5.3-6s-2.5-5.9-5.3-5.9zm5.2 15.2v-3.1a7.4 7.4 0 01-6.2 3.4c-4.4 0-8.6-3.4-8.6-9.6 0-6.1 4.2-9.6 8.6-9.6 3 0 5 1.6 6.2 3.3v-10h4.3v25.6H276"
+        fill="#222222" />
+    <path
+        d="M287.6 6.7a36.2 36.2 0 00-9.7-1.2 23 23 0 00-15.7 5.2 16 16 0 00-4.2 5.4l-1.5 3.8-2.7-3v-.1l-.3-.3a31 31 0 00-4.7-4 28.7 28.7 0 00-16-5.8c-8.6 0-13.1 5-13.5 5.4l-1.7 2-2-1.8-.2-.2a21.3 21.3 0 00-4.4-3A25.5 25.5 0 00198 6c-2.7 0-4.8.6-6.4 1.3l-2-4.6a21.8 21.8 0 019.3-1.8c8.7 0 15.2 4 18.3 6.2a24 24 0 0115.6-5.4c1.4 0 2.8 0 4.3.3a36 36 0 0118 9 23 23 0 013.5-3.8A28 28 0 01277.9.5a41.8 41.8 0 0111 1.3c.2 0 12.4 3 19.5 13a25.8 25.8 0 014.4 20.2c3.5 1.7 10.4 6 14.3 14.4 1.3 3 2 5.8 2 8.3l-5 .2c0-1.8-.5-3.9-1.6-6.4a26.7 26.7 0 00-13.7-12.8l-2.5-.9 1-2.5h.1l.1-.3.3-1c.3-1 .5-2.4.5-4.2 0-3.2-.8-7.4-4-12a33.7 33.7 0 00-16.7-11.1z"
+        fill="#4294F0" />
+    <path
+        d="M4.7 91h1.7V79.2h3.9V78H.8v1.3h4V91zm6.7-3.6c0 2.5.9 3.8 3 3.8 1.2 0 2.2-.7 3-1.8h.1l.2 1.5H19v-9.6h-1.6v6.8c-1 1.2-1.6 1.7-2.6 1.7-1.3 0-1.8-.8-1.8-2.6v-5.9h-1.6v6.1zM22.3 91h1.6v-6.1c.6-1.7 1.6-2.3 2.4-2.3l1 .2.3-1.4c-.4-.2-.7-.2-1-.2-1.2 0-2.1.8-2.8 2l-.2-1.8h-1.3V91zm6.8 0h1.6v-7c1-.9 1.7-1.4 2.7-1.4 1.2 0 1.8.8 1.8 2.6V91h1.6v-6c0-2.5-.9-3.8-3-3.8-1.2 0-2.2.7-3.1 1.6h-.1l-.1-1.4H29V91zm14.1-4.8c0 3.2 1.6 5 4 5 1.1 0 2.2-.6 3-1.3l.1 1.1h1.3V77H50v5.2c-.8-.7-1.5-1.1-2.6-1.1-2.2 0-4.2 2-4.2 5zm1.7 0c0-2.2 1.2-3.6 2.8-3.6a3 3 0 012.3 1v5c-.8.9-1.6 1.3-2.4 1.3-1.7 0-2.7-1.4-2.7-3.7zm9.3 0c0 3.2 2 5 4.4 5 2.4 0 4.5-1.8 4.5-5s-2.1-5-4.5-5c-2.3 0-4.4 1.8-4.4 5zm1.7 0c0-2.2 1-3.7 2.7-3.7 1.7 0 2.8 1.5 2.8 3.7s-1.1 3.7-2.8 3.7c-1.6 0-2.7-1.5-2.7-3.7zm9 0c0 3.2 2 5 4.5 5 1.1 0 2.2-.4 3.1-1.2l-.7-1c-.6.5-1.4 1-2.3 1-1.7 0-3-1.6-3-3.8 0-2.2 1.3-3.7 3-3.7.8 0 1.4.4 2 .9l.8-1a4 4 0 00-2.8-1.2C67 81 65 82.9 65 86zm9.6 1.3c0 2.5.9 3.8 3 3.8 1.2 0 2.2-.7 3-1.8h.1l.2 1.5H82v-9.6h-1.6v6.8c-1 1.2-1.6 1.7-2.6 1.7-1.3 0-1.8-.8-1.8-2.6v-5.9h-1.6v6.1zM85.4 91H87v-7c.9-1 1.7-1.4 2.4-1.4 1.2 0 1.8.8 1.8 2.6V91h1.6v-7c.9-1 1.7-1.4 2.4-1.4 1.2 0 1.8.8 1.8 2.6V91h1.6v-6c0-2.5-1-3.8-2.9-3.8-1.2 0-2.2.7-3.2 1.8-.4-1.1-1.1-1.8-2.6-1.8-1.2 0-2.2.7-3 1.6l-.2-1.4h-1.3V91zm15.6-4.8c0 3.2 2 5 4.6 5 1.3 0 2.4-.4 3.2-1l-.6-1a4 4 0 01-2.4.8c-1.8 0-3-1.3-3.2-3.4h6.5v-1c0-2.7-1.3-4.4-3.8-4.4-2.1 0-4.3 1.9-4.3 5zm1.6-.7c.2-2 1.4-3 2.8-3 1.5 0 2.4 1 2.4 3h-5.2zm9 5.5h1.6v-7c1-.9 1.6-1.4 2.6-1.4 1.3 0 1.8.8 1.8 2.6V91h1.6v-6c0-2.5-.9-3.8-2.9-3.8-1.3 0-2.3.7-3.2 1.6l-.2-1.4h-1.3V91zm11-3c0 2 .7 3.3 2.8 3.3a6 6 0 001.8-.4l-.4-1.2-1 .2c-1.1 0-1.5-.6-1.5-1.8v-5.4h2.6v-1.3h-2.6v-2.7h-1.4l-.2 2.7-1.5.1v1.2h1.4V88zm5.4 2a6 6 0 003.6 1.3c2.2 0 3.5-1.3 3.5-2.9 0-1.8-1.6-2.4-3-2.9-1-.4-2-.8-2-1.7 0-.7.5-1.3 1.7-1.3.8 0 1.5.3 2.2.8l.7-1a4.5 4.5 0 00-3-1.1c-2 0-3.3 1.2-3.3 2.7 0 1.6 1.5 2.3 3 2.8 1 .4 2.1.8 2.1 1.8 0 .8-.6 1.5-1.9 1.5-1.1 0-2-.5-2.8-1.1l-.8 1zm14-10.8c.7 0 1.2-.4 1.2-1s-.5-1-1.2-1c-.6 0-1 .4-1 1s.4 1 1 1zm-.8 11.6h1.6v-9.6h-1.6V91zm4.9 0h1.6v-7c1-.9 1.6-1.4 2.6-1.4 1.3 0 1.8.8 1.8 2.6v5.8h1.7v-6c0-2.5-1-3.8-3-3.8-1.3 0-2.3.7-3.2 1.6l-.2-1.4h-1.3V91zm11-3c0 2 .8 3.3 2.8 3.3a6 6 0 001.8-.4l-.3-1.2-1.1.2c-1.1 0-1.5-.6-1.5-1.8v-5.4h2.6v-1.3h-2.6v-2.7h-1.4l-.2 2.7-1.5.1v1.2h1.5V88zm5.6-1.8c0 3.2 2 5 4.4 5 2.4 0 4.5-1.8 4.5-5s-2.1-5-4.5-5c-2.3 0-4.4 1.8-4.4 5zm1.6 0c0-2.2 1.2-3.7 2.8-3.7 1.7 0 2.8 1.5 2.8 3.7s-1.1 3.7-2.8 3.7c-1.6 0-2.8-1.5-2.8-3.7zm13 0c0 3.2 1.7 5 4 5 1.2 0 2.2-.6 3-1.3l.2 1.1h1.3V77h-1.6v5.2c-.8-.7-1.5-1.1-2.6-1.1-2.2 0-4.2 2-4.2 5zm1.8 0c0-2.2 1.2-3.6 2.7-3.6.8 0 1.6.2 2.4 1v5c-.8.9-1.6 1.3-2.5 1.3-1.7 0-2.6-1.4-2.6-3.7zm9.5 2.3c0 1.8 1.2 2.8 2.8 2.8 1.2 0 2.3-.7 3.2-1.4l.2 1.1h1.3V85c0-2.4-1-4-3.3-4-1.6 0-3 .8-3.8 1.3l.6 1.2a5 5 0 013-1c1.5 0 1.9 1.1 1.9 2.3-4.1.5-6 1.5-6 3.6zm1.6 0c0-1.3 1-2 4.3-2.5v2.7c-1 .8-1.7 1.3-2.6 1.3-1 0-1.7-.5-1.7-1.6zm9.2-.4c0 1.9.7 3.2 2.8 3.2a6 6 0 001.8-.4l-.4-1.2-1 .2c-1.1 0-1.5-.6-1.5-1.8v-5.4h2.6v-1.3h-2.6v-2.7h-1.4l-.2 2.7-1.5.1v1.2h1.4V88zm5.6.4c0 1.8 1.2 2.8 2.8 2.8 1.2 0 2.3-.7 3.2-1.4l.2 1.1h1.3V85c0-2.4-1-4-3.3-4-1.5 0-2.9.8-3.8 1.3l.7 1.2c.7-.6 1.7-1 2.9-1 1.5 0 2 1.1 2 2.3-4.2.5-6 1.5-6 3.6zm1.6 0c0-1.3 1.1-2 4.3-2.5v2.7c-.9.8-1.7 1.3-2.6 1.3-1 0-1.7-.5-1.7-1.6z"
+        fill="#222222" />
+</svg>
\ No newline at end of file
diff --git a/src/assets/organization_icon.svg b/src/assets/organization_icon.svg
index 23aef7325..c0a9f4e60 100644
--- a/src/assets/organization_icon.svg
+++ b/src/assets/organization_icon.svg
@@ -1 +1,14 @@
-<svg height="12" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 17"><circle cx="16.23" cy="3.28" r="3.13" fill="#787878"/><path d="M21.09 8.27c0 2.06-2.18 3.72-4.86 3.72-2.69 0-4.86-1.66-4.86-3.72 0-2.06 2.18-1.23 4.86-1.23s4.86-.83 4.86 1.23z" fill="#787878"/><circle cx="5.71" cy="3.28" r="3.13" fill="#787878"/><path d="M10.57 8.27c0 2.06-2.18 3.72-4.86 3.72S.85 10.33.85 8.27c0-2.06 2.18-1.23 4.86-1.23s4.86-.83 4.86 1.23z" fill="#787878"/><circle cx="10.97" cy="5.18" r="4.3" fill="#787878" stroke="#fff"/><path d="M10.97 16.25c1.73 0 3.31-.54 4.48-1.43a4.57 4.57 0 001.92-3.6c0-.7-.19-1.28-.64-1.66-.42-.37-1-.49-1.56-.52-.57-.03-1.25.02-1.94.07h-.06c-.7.06-1.43.12-2.2.12a27.77 27.77 0 01-2.26-.12c-.7-.05-1.37-.1-1.94-.07-.57.03-1.14.15-1.56.52-.45.38-.64.95-.64 1.66 0 1.44.76 2.71 1.92 3.6a7.38 7.38 0 004.48 1.43z" fill="#787878" stroke="#fff"/></svg>
+<svg height="12" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 17">
+    <circle cx="16.23" cy="3.28" r="3.13" fill="#787878" />
+    <path
+        d="M21.09 8.27c0 2.06-2.18 3.72-4.86 3.72-2.69 0-4.86-1.66-4.86-3.72 0-2.06 2.18-1.23 4.86-1.23s4.86-.83 4.86 1.23z"
+        fill="#787878" />
+    <circle cx="5.71" cy="3.28" r="3.13" fill="#787878" />
+    <path
+        d="M10.57 8.27c0 2.06-2.18 3.72-4.86 3.72S.85 10.33.85 8.27c0-2.06 2.18-1.23 4.86-1.23s4.86-.83 4.86 1.23z"
+        fill="#787878" />
+    <circle cx="10.97" cy="5.18" r="4.3" fill="#787878" stroke="#fff" />
+    <path
+        d="M10.97 16.25c1.73 0 3.31-.54 4.48-1.43a4.57 4.57 0 001.92-3.6c0-.7-.19-1.28-.64-1.66-.42-.37-1-.49-1.56-.52-.57-.03-1.25.02-1.94.07h-.06c-.7.06-1.43.12-2.2.12a27.77 27.77 0 01-2.26-.12c-.7-.05-1.37-.1-1.94-.07-.57.03-1.14.15-1.56.52-.45.38-.64.95-.64 1.66 0 1.44.76 2.71 1.92 3.6a7.38 7.38 0 004.48 1.43z"
+        fill="#787878" stroke="#fff" />
+</svg>
\ No newline at end of file
diff --git a/src/pages/viewer/AllText.svelte b/src/pages/viewer/AllText.svelte
index 6d0c52e22..2bcb9eb5c 100644
--- a/src/pages/viewer/AllText.svelte
+++ b/src/pages/viewer/AllText.svelte
@@ -65,40 +65,36 @@
   {/each}
 </div>
 
-<style lang="scss">
+<style>
   .doc {
     margin-bottom: 30px;
+  }
+  .doc .page {
+    max-width: 1200px;
+    width: 100%;
+    margin: 20px auto;
+    position: relative;
+  }
+  .doc .page .numbercontainer {
+    position: absolute;
+    top: 0;
+    right: 100%;
+    height: 100%;
+    user-select: none;
+  }
 
-    .page {
-      max-width: 1200px;
-      width: 100%;
-      margin: 20px auto;
-      position: relative;
-
-      .numbercontainer {
-        position: absolute;
-        top: 0;
-        right: 100%;
-        height: 100%;
-        user-select: none;
-
-        .number {
-          position: sticky;
-          text-align: right;
-          box-sizing: border-box;
-          padding: 12px 20px 12px 0;
-          font-weight: bold;
-          font-size: 12px;
-          white-space: pre;
-          top: 20px;
+  .doc .page .numbercontainer .number {
+    position: sticky;
+    text-align: right;
+    box-sizing: border-box;
+    padding: 12px 20px 12px 0;
+    font-weight: bold;
+    font-size: 12px;
+    white-space: pre;
+    top: 20px;
+  }
 
-          a {
-            &:hover {
-              text-decoration: underline;
-            }
-          }
-        }
-      }
-    }
+  .doc .page .numbercontainer .number a:hover {
+    text-decoration: underline;
   }
 </style>
diff --git a/src/pages/viewer/stories/AllText.stories.svelte b/src/pages/viewer/stories/AllText.stories.svelte
new file mode 100644
index 000000000..897cea481
--- /dev/null
+++ b/src/pages/viewer/stories/AllText.stories.svelte
@@ -0,0 +1,22 @@
+<script context="module">
+  import { Story } from "@storybook/addon-svelte-csf";
+  import AllText from "../AllText.svelte";
+
+  import { Document } from "@/structure/document.js";
+  import { viewer } from "@/viewer/viewer.js";
+  import document from "../fixtures/document.json";
+
+  viewer.document = new Document(document);
+
+  export const meta = {
+    title: "Viewer / Text / All text",
+    component: AllText,
+    parameters: { layout: "centered" },
+  };
+
+  const scrollParams = { scrollTop: 0 };
+</script>
+
+<Story name="default">
+  <AllText {scrollParams} />
+</Story>

From 929800d5e031aea4f9908c719c343cfc0f44bf40 Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Wed, 31 Jan 2024 14:12:12 -0500
Subject: [PATCH 05/10] taking a break

---
 src/pages/viewer/Annotation.svelte            | 132 +++++++++---------
 src/pages/viewer/InternalPage.svelte          |  23 +--
 src/pages/viewer/Page.svelte                  |   3 -
 .../viewer/stories/Annotation.stories.svelte  |  16 +++
 src/pages/viewer/stories/Body.stories.svelte  |   2 +-
 5 files changed, 94 insertions(+), 82 deletions(-)
 create mode 100644 src/pages/viewer/stories/Annotation.stories.svelte

diff --git a/src/pages/viewer/Annotation.svelte b/src/pages/viewer/Annotation.svelte
index 4ca337289..dc5eda968 100644
--- a/src/pages/viewer/Annotation.svelte
+++ b/src/pages/viewer/Annotation.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { onMount } from "svelte";
+  import { onMount, createEventDispatcher } from "svelte";
   import { writable } from "svelte/store";
   import { _ } from "svelte-i18n";
 
@@ -19,7 +19,6 @@
     deletePageAnnotation,
   } from "@/viewer/layout.js";
   import { wrapSeparate } from "@/util/wrapLoad.js";
-  import emitter from "@/emit.js";
 
   // SVG assets
   import closeInlineSvg from "@/assets/close_inline.svg?raw";
@@ -35,9 +34,7 @@
   import { loadDompurify } from "@/util/domPurify.js";
   loadDompurify();
 
-  const emit = emitter({
-    stateChange() {},
-  });
+  const dispatch = createEventDispatcher();
 
   export let page;
   export let pageNote = false;
@@ -53,23 +50,23 @@
   export let compact = false;
   export let titlePassages = null;
   export let hlContent = null;
+  export let access = annotation?.access;
 
   let editOverride = false;
   let loading = writable(false);
 
-  let title = annotation.title;
-  let description = annotation.content;
-  export let access = annotation.access;
+  let title = annotation?.title;
+  let description = annotation?.content;
 
   $: editMode = mode == "edit" || editOverride;
   $: {
     editMode;
     description;
     // Emit state changes to capture mutations
-    emit.stateChange();
+    dispatch("stateChange");
   }
 
-  $: titleValid = title.trim().length > 0;
+  $: titleValid = title?.trim().length > 0;
   $: accessValid =
     (page.document.editAccess && access == "public") ||
     access == "organization" ||
@@ -77,9 +74,9 @@
     access == "private";
 
   $: changed =
-    title != annotation.title ||
-    description != annotation.content ||
-    access != annotation.access;
+    title != annotation?.title ||
+    description != annotation?.content ||
+    access != annotation?.access;
   $: changeValid = (mode == "view" && changed) || mode == "edit";
 
   $: valid = titleValid && accessValid && changeValid;
@@ -91,9 +88,9 @@
 
   const ANNOTATION_PADDING = 20;
   $: y1 =
-    headerHeight == null ? null : y + annotation.y1 * height - headerHeight;
+    headerHeight == null ? null : y + annotation?.y1 * height - headerHeight;
   $: y2 =
-    footerHeight == null ? null : y + annotation.y2 * height + footerHeight;
+    footerHeight == null ? null : y + annotation?.y2 * height + footerHeight;
 
   $: shift =
     y1 == null || y2 == null
@@ -109,6 +106,7 @@
   // Focus on title on mount
   let titleInput;
   let annotationElem;
+
   onMount(async () => {
     if (titleInput != null) titleInput.focus();
 
@@ -124,7 +122,7 @@
       if (editOverride) {
         // Update annotation
         annotation = await updatePageAnnotation(
-          annotation.id,
+          annotation?.id,
           page.document.id,
           title,
           description,
@@ -149,9 +147,9 @@
   function handleCancel() {
     if (editOverride) {
       // Restore fields
-      title = annotation.title;
-      description = annotation.content;
-      access = annotation.access;
+      title = annotation?.title;
+      description = annotation?.content;
+      access = annotation?.access;
       editOverride = false;
     } else {
       cancelAnnotation();
@@ -160,7 +158,7 @@
 
   async function handleDelete() {
     await wrapSeparate(loading, layout, async () => {
-      await deletePageAnnotation(annotation.id, page.document.id);
+      await deletePageAnnotation(annotation?.id, page.document.id);
     });
   }
 
@@ -184,7 +182,7 @@
   on:mousedown|stopPropagation
   style={shift == "up" || pageNote
     ? ""
-    : `top: ${annotation.y1 * 100}%; height: ${annotation.height * 100}%`}
+    : `top: ${annotation?.y1 * 100}%; height: ${annotation?.height * 100}%`}
 >
   <header
     bind:this={annotationElem}
@@ -223,7 +221,7 @@
               </h4>
             {/each}
           {:else}
-            {annotation.title}
+            {annotation?.title}
           {/if}
           {#if !compact}
             <a class="link" href={noteUrl}>
@@ -247,12 +245,12 @@
       <div
         class="body"
         style={showImageOnPageNote
-          ? `height: 0; padding-top: ${annotation.height * aspect * 100}%`
+          ? `height: 0; padding-top: ${annotation?.height * aspect * 100}%`
           : ""}
       >
         <div
-          style="margin-top: {-annotation.y1 * aspect * 100 -
-            (showImageOnPageNote ? annotation.height * aspect * 100 : 0)}%"
+          style="margin-top: {-annotation?.y1 * aspect * 100 -
+            (showImageOnPageNote ? annotation?.height * aspect * 100 : 0)}%"
         >
           <ProgressiveImage
             alt="Page {page.pageNumber + 1} of {page.document.title}"
@@ -264,12 +262,12 @@
           <div
             class="faded left"
             class:nobottom={showImageOnPageNote}
-            style="left: 0; width: {annotation.x1 * 100}%"
+            style="left: 0; width: {annotation?.x1 * 100}%"
           />
           <div
             class="faded right"
             class:nobottom={showImageOnPageNote}
-            style="left: {annotation.x2 * 100}%; right: 0"
+            style="left: {annotation?.x2 * 100}%; right: 0"
           />
         </div>
       </div>
@@ -299,7 +297,7 @@
           />
         {:else}
           <h3>
-            {annotation.title}
+            {annotation?.title}
             <a class="link" href={noteUrl}>
               {@html simpleLinkSvg}
             </a>
@@ -325,7 +323,7 @@
         <HtmlField content={hlContent} />
       </span>
     {:else}
-      <HtmlField content={annotation.content} />
+      <HtmlField content={annotation?.content} />
     {/if}
     <!-- Footer content -->
     {#if editMode}
@@ -364,13 +362,13 @@
           {/if}
         </div>
         <div class="cell rightalign">
-          {#if annotation.organization == null}
-            {$_("annotation.by", { values: { name: annotation.username } })}
+          {#if annotation?.organization == null}
+            {$_("annotation.by", { values: { name: annotation?.username } })}
           {:else}
             {$_("annotation.byOrg", {
               values: {
-                name: annotation.username,
-                org: annotation.organization,
+                name: annotation?.username,
+                org: annotation?.organization,
               },
             })}
           {/if}
@@ -411,23 +409,23 @@
     }
 
     &.public {
-      $border: solid var(--annotationBorderWidth, 3px)
+      border: solid var(--annotationBorderWidth, 3px)
         var(--annotationBorder, #ffe325);
       .excerpt::before {
-        border-left: $border;
-        border-right: $border;
+        border-left: var(--border);
+        border-right: var(--border);
       }
 
       header {
-        border-top: $border;
-        border-left: $border;
-        border-right: $border;
+        border-top: var(--border);
+        border-left: var(--border);
+        border-right: var(--border);
       }
 
       footer {
-        border-left: $border;
-        border-right: $border;
-        border-bottom: $border;
+        border-left: var(--border);
+        border-right: var(--border);
+        border-bottom: var(--border);
       }
 
       .closeflag {
@@ -436,22 +434,22 @@
     }
 
     &.organization {
-      $border: solid var(--annotationBorderWidth) var(--organizationAnnotation);
+      border: solid var(--annotationBorderWidth) var(--organizationAnnotation);
       .excerpt::before {
-        border-left: $border;
-        border-right: $border;
+        border-left: var(--border);
+        border-right: var(--border);
       }
 
       header {
-        border-top: $border;
-        border-left: $border;
-        border-right: $border;
+        border-top: var(--border);
+        border-left: var(--border);
+        border-right: var(--border);
       }
 
       footer {
-        border-left: $border;
-        border-right: $border;
-        border-bottom: $border;
+        border-left: var(--border);
+        border-right: var(--border);
+        border-bottom: var(--border);
       }
 
       .closeflag {
@@ -460,22 +458,22 @@
     }
 
     &.private {
-      $border: solid var(--annotationBorderWidth) var(--privateAnnotation);
+      border: solid var(--annotationBorderWidth) var(--privateAnnotation);
       .excerpt::before {
-        border-left: $border;
-        border-right: $border;
+        border-left: var(--border);
+        border-right: var(--border);
       }
 
       header {
-        border-top: $border;
-        border-left: $border;
-        border-right: $border;
+        border-top: var(--border);
+        border-left: var(--border);
+        border-right: var(--border);
       }
 
       footer {
-        border-left: $border;
-        border-right: $border;
-        border-bottom: $border;
+        border-left: var(--border);
+        border-right: var(--border);
+        border-bottom: var(--border);
       }
 
       .closeflag {
@@ -583,8 +581,8 @@
       padding-top: var(--padding, 10px);
 
       // Borders
-      border-top-left-radius: $radius;
-      border-top-right-radius: $radius;
+      border-top-left-radius: var(--radius);
+      border-top-right-radius: var(--radius);
 
       h3,
       h4 {
@@ -601,8 +599,8 @@
       padding-bottom: var(--padding, 10px);
 
       // Borders
-      border-bottom-left-radius: $radius;
-      border-bottom-right-radius: $radius;
+      border-bottom-left-radius: var(--radius);
+      border-bottom-right-radius: var(--radius);
       box-sizing: border-box;
 
       &.capsize {
@@ -673,7 +671,7 @@
     .twopanel {
       display: table;
       width: 100%;
-      color: $viewerGray;
+      color: var(--viewerGray);
       font-size: 11px;
 
       .cell {
@@ -745,13 +743,13 @@
   .highlight {
     .passage {
       &.highlighted {
-        background: $annotationBorder;
+        background: var(--annotationBorder);
       }
     }
 
     :global(em) {
       font-style: normal;
-      background: $annotationBorder;
+      background: var(--annotationBorder);
     }
   }
 </style>
diff --git a/src/pages/viewer/InternalPage.svelte b/src/pages/viewer/InternalPage.svelte
index 6e868d458..e81ac8f8f 100644
--- a/src/pages/viewer/InternalPage.svelte
+++ b/src/pages/viewer/InternalPage.svelte
@@ -1,23 +1,24 @@
 <script>
+  import { onDestroy, onMount } from "svelte";
+  import { _ } from "svelte-i18n";
+
+  import Annotation from "./Annotation.svelte";
   import ExtraPageContent from "./ExtraPageContent.svelte";
   import PageNoteInsert from "./PageNoteInsert.svelte";
+  import SelectableWord from "./SelectableWord.svelte";
   import ProgressiveImage from "@/common/ProgressiveImage.svelte";
-  import Annotation from "./Annotation.svelte";
 
-  import { showIfFullyVisible } from "@/util/visibility.js";
+  import session from "@/api/session.js";
+  import { selectableTextUrl } from "@/api/viewer.js";
+
   import { doc, showAnnotation } from "@/viewer/document.js";
-  import { viewer } from "@/viewer/viewer.js";
   import { layout } from "@/viewer/layout.js";
-  import { markup } from "@/util/markup.js";
+  import { viewer } from "@/viewer/viewer.js";
   import { hoveredNote } from "@/viewer/hoveredNote.js";
-  import { selectableTextUrl } from "@/api/viewer.js";
-  import session from "@/api/session.js";
-  import { coalesceSelectableHighlights } from "@/util/coalesceHighlights.js";
-  import { onDestroy, onMount } from "svelte";
-  import { _ } from "svelte-i18n";
 
-  // Selectable text
-  import SelectableWord from "./SelectableWord.svelte";
+  import { coalesceSelectableHighlights } from "@/util/coalesceHighlights.js";
+  import { markup } from "@/util/markup.js";
+  import { showIfFullyVisible } from "@/util/visibility.js";
 
   export let page;
   export let width;
diff --git a/src/pages/viewer/Page.svelte b/src/pages/viewer/Page.svelte
index cf4db7ba2..29e7ff7a3 100644
--- a/src/pages/viewer/Page.svelte
+++ b/src/pages/viewer/Page.svelte
@@ -23,6 +23,3 @@
     />
   {/if}
 </div>
-
-<style lang="scss">
-</style>
diff --git a/src/pages/viewer/stories/Annotation.stories.svelte b/src/pages/viewer/stories/Annotation.stories.svelte
new file mode 100644
index 000000000..35b8efe41
--- /dev/null
+++ b/src/pages/viewer/stories/Annotation.stories.svelte
@@ -0,0 +1,16 @@
+<script context="module">
+  import { Story, Template } from "@storybook/addon-svelte-csf";
+  import Annotation from "../Annotation.svelte";
+
+  export const meta = {
+    title: "Viewer / Annotation",
+    component: Annotation,
+    parameters: { layout: "center" },
+  };
+</script>
+
+<Template let:args>
+  <Annotation {...args} />
+</Template>
+
+<Story name="default" />
diff --git a/src/pages/viewer/stories/Body.stories.svelte b/src/pages/viewer/stories/Body.stories.svelte
index ff00ca7a2..2d8d2d7e8 100644
--- a/src/pages/viewer/stories/Body.stories.svelte
+++ b/src/pages/viewer/stories/Body.stories.svelte
@@ -4,7 +4,6 @@
   import { Document } from "../../../structure/document.js";
   import document from "../fixtures/document.json";
 
-  // not clear this does anything useful
   import { doc } from "@/viewer/document.js";
   import { viewer } from "../../../viewer/viewer.js";
 
@@ -14,6 +13,7 @@
     parameters: { layout: "centered" },
   };
 
+  // not clear this does anything useful
   viewer.doc = new Document(document);
   doc.viewer = viewer;
 </script>

From 2ab83605a541722140d4376b92ce30c86da227df Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Wed, 31 Jan 2024 16:46:14 -0500
Subject: [PATCH 06/10] Set annotation story aside for now

---
 .gitignore                                       |  4 +++-
 src/pages/viewer/Header.svelte                   |  9 ++++++---
 src/pages/viewer/Viewer.svelte                   |  2 ++
 .../viewer/stories/Annotation.stories.svelte     | 16 ----------------
 4 files changed, 11 insertions(+), 20 deletions(-)
 delete mode 100644 src/pages/viewer/stories/Annotation.stories.svelte

diff --git a/.gitignore b/.gitignore
index 2bef37cfa..bc8fa0cc8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,5 +39,7 @@ tests/fixtures/development.json
 .vscode
 
 scratch/
+build/
 dist/
-storybook-static/
\ No newline at end of file
+storybook-static/
+.svelte-kit/
diff --git a/src/pages/viewer/Header.svelte b/src/pages/viewer/Header.svelte
index eb9a6ccd0..0ba49ccb2 100644
--- a/src/pages/viewer/Header.svelte
+++ b/src/pages/viewer/Header.svelte
@@ -8,7 +8,6 @@
   import { createEventDispatcher } from "svelte";
 
   import Loader from "../../common/Loader.svelte";
-  import Link from "../../router/Link.svelte";
 
   import Search from "./controls/Search.svelte";
   import Hamburger from "../../common/Hamburger.svelte";
@@ -24,6 +23,10 @@
   export let sidebarOpen: boolean;
 
   const dispatch = createEventDispatcher();
+
+  function goBack(e) {
+    window.history.back();
+  }
 </script>
 
 <header
@@ -33,9 +36,9 @@
 >
   {#if !embed}
     <div class="action back">
-      <Link back={true}>
+      <a class="back" href="/app" on:click|preventDefault={goBack}>
         <ChevronLeft24 />
-      </Link>
+      </a>
     </div>
   {/if}
   <div class="title">
diff --git a/src/pages/viewer/Viewer.svelte b/src/pages/viewer/Viewer.svelte
index c85bb20e2..0e9388d5c 100644
--- a/src/pages/viewer/Viewer.svelte
+++ b/src/pages/viewer/Viewer.svelte
@@ -89,6 +89,8 @@
 
       // debug
       window.layout = layout;
+      window.doc = doc;
+      window.viewer = viewer;
     }
   });
 
diff --git a/src/pages/viewer/stories/Annotation.stories.svelte b/src/pages/viewer/stories/Annotation.stories.svelte
deleted file mode 100644
index 35b8efe41..000000000
--- a/src/pages/viewer/stories/Annotation.stories.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script context="module">
-  import { Story, Template } from "@storybook/addon-svelte-csf";
-  import Annotation from "../Annotation.svelte";
-
-  export const meta = {
-    title: "Viewer / Annotation",
-    component: Annotation,
-    parameters: { layout: "center" },
-  };
-</script>
-
-<Template let:args>
-  <Annotation {...args} />
-</Template>
-
-<Story name="default" />

From 9ef85d5062a02a3700b14061e3de8d8e3d400515 Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Thu, 1 Feb 2024 10:05:19 -0500
Subject: [PATCH 07/10] Remove more <Link> components

---
 src/config/staging.js         |  2 +-
 src/pages/app/Document.svelte | 29 ++++++++++++++---------------
 src/style/global.css          |  5 +++++
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/config/staging.js b/src/config/staging.js
index 7cec1f875..b87cbde6c 100644
--- a/src/config/staging.js
+++ b/src/config/staging.js
@@ -1,5 +1,5 @@
 export const DC_BASE = "https://api.muckcloud.com";
-export const APP_URL = "https://muckcloud.com";
+export const APP_URL = "https://muckcloud.com/";
 export const EMBED_URL = "https://muckcloud.com";
 export const SQUARELET_BASE = "https://squarelet-staging.herokuapp.com";
 export const STAFF_ONLY_S3_URL =
diff --git a/src/pages/app/Document.svelte b/src/pages/app/Document.svelte
index 36520c7e2..b3ec615ac 100644
--- a/src/pages/app/Document.svelte
+++ b/src/pages/app/Document.svelte
@@ -7,7 +7,6 @@
   import Image from "@/common/Image.svelte";
   import Progress from "@/common/Progress.svelte";
   import HtmlField from "@/common/HtmlField.svelte";
-  import Link from "@/router/Link.svelte";
   import DocumentThumbnail from "./DocumentThumbnail.svelte";
   import Annotation from "@/pages/viewer/Annotation.svelte";
 
@@ -145,13 +144,13 @@
       {#if !embed}
         <div class="actions">
           {#if document.viewable}
-            <Link to="viewer" params={{ id: document.slugId }}>
-              <Button action={true}>{$_("document.open")}</Button>
-            </Link>
+            <a href={document.canonicalUrl}>
+              <Button action>{$_("document.open")}</Button>
+            </a>
             {#if document.readable}
               <div class="updating">
                 {$_("document.updating")}
-                <Progress initializing={true} progress={0} compact={true} />
+                <Progress initializing compact progress={0} />
               </div>
             {/if}
           {:else if document.pending}
@@ -181,21 +180,21 @@
           {#if document.projectIds != null}
             {#each document.projectIds as id}
               {#if $projects.projectsById[id] != null}
-                <Link toUrl={projectUrl($projects.projectsById[id])}>
+                <a href={projectUrl($projects.projectsById[id])}>
                   <Button plain={true}>
                     <div class="smallinfo">{$_("document.project")}</div>
                     {$projects.projectsById[id].title}
                   </Button>
-                </Link>
+                </a>
               {/if}
             {/each}
             {#each document.dataPoints as { key, value }}
-              <Link toUrl={dataUrl(key, value)}>
+              <a href={dataUrl(key, value)}>
                 <Button plain={true}>
                   {#if key != TAG_KEY}{key}:{/if}
                   {value}
                 </Button>
-              </Link>
+              </a>
             {/each}
             {#if document.dataPoints.length > 0 && document.editAccess}
               <button
@@ -243,9 +242,9 @@
           <div class="highlights">
             {#each highlights as highlight}
               <div>
-                <Link
-                  inlineBlock={true}
-                  toUrl={document.relativePageUrl(highlight.page + 1)}
+                <a
+                  class="ib"
+                  href={document.relativePageUrl(highlight.page + 1)}
                 >
                   <div class="row">
                     <div class="page">
@@ -270,7 +269,7 @@
                       </div>
                     {/each}
                   </div>
-                </Link>
+                </a>
               </div>
             {/each}
           </div>
@@ -291,7 +290,7 @@
           <div class="highlights note-highlights">
             {#each noteHighlights as highlight}
               <div>
-                <Link toUrl={document.relativeNoteUrl(highlight.note)}>
+                <a href={document.relativeNoteUrl(highlight.note)}>
                   <!-- to get correct aspect ratio we would need to store the page spec
                   in solr
                   --->
@@ -310,7 +309,7 @@
                     titlePassages={highlight.titlePassages}
                     hlContent={highlight.hlContent}
                   />
-                </Link>
+                </a>
               </div>
             {/each}
           </div>
diff --git a/src/style/global.css b/src/style/global.css
index 617688fb3..01baadf5f 100755
--- a/src/style/global.css
+++ b/src/style/global.css
@@ -102,6 +102,7 @@ details.dc summary {
 
 a {
   color: inherit;
+  cursor: pointer;
   text-decoration: inherit;
 }
 
@@ -118,6 +119,10 @@ a.active .project:hover {
   opacity: 1;
 }
 
+a.ib {
+  display: inline-block;
+}
+
 /* Mixins */
 .document-cell {
   display: table-cell;

From dcbe1028f9f3c9c44d6b00cf5e26dcb52b0b4a88 Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Thu, 1 Feb 2024 10:26:05 -0500
Subject: [PATCH 08/10] Pick up netlify deploy url from environment

---
 src/config/staging.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/config/staging.js b/src/config/staging.js
index b87cbde6c..c3e67a4be 100644
--- a/src/config/staging.js
+++ b/src/config/staging.js
@@ -1,6 +1,6 @@
 export const DC_BASE = "https://api.muckcloud.com";
-export const APP_URL = "https://muckcloud.com/";
-export const EMBED_URL = "https://muckcloud.com";
+export const APP_URL = process.env.URL || "https://muckcloud.com/";
+export const EMBED_URL = APP_URL;
 export const SQUARELET_BASE = "https://squarelet-staging.herokuapp.com";
 export const STAFF_ONLY_S3_URL =
   "https://s3.console.aws.amazon.com/s3/buckets/documentcloud-staging-files?region=us-east-1&prefix=documents/$$ID$$/&showversions=false";

From af9c3de72ba9109461019a635315867fda7dd7e6 Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Thu, 1 Feb 2024 11:44:17 -0500
Subject: [PATCH 09/10] more tests and deploy url

---
 src/config/staging.js               |  2 +-
 tests/anonymous/manager/app.spec.js | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/config/staging.js b/src/config/staging.js
index c3e67a4be..1942ba191 100644
--- a/src/config/staging.js
+++ b/src/config/staging.js
@@ -1,5 +1,5 @@
 export const DC_BASE = "https://api.muckcloud.com";
-export const APP_URL = process.env.URL || "https://muckcloud.com/";
+export const APP_URL = process.env.DEPLOY_PRIME_URL || "https://muckcloud.com/";
 export const EMBED_URL = APP_URL;
 export const SQUARELET_BASE = "https://squarelet-staging.herokuapp.com";
 export const STAFF_ONLY_S3_URL =
diff --git a/tests/anonymous/manager/app.spec.js b/tests/anonymous/manager/app.spec.js
index 44469607a..649bbe678 100644
--- a/tests/anonymous/manager/app.spec.js
+++ b/tests/anonymous/manager/app.spec.js
@@ -41,4 +41,22 @@ test.describe("manager tests", () => {
 
     await page.locator(".overlay").click();
   });
+
+  test("documents", async ({ page }) => {
+    await page.goto("/app");
+
+    // close the overlay
+    await page.locator("button.dismiss").click();
+
+    await page.getByRole("button", { name: "Open" }).first().click();
+
+    await expect(page.locator("h1")).toBeVisible();
+    await page.goBack();
+
+    // close the overlay again
+    await page.locator("button.dismiss").click();
+
+    await page.getByRole("main").getByRole("link").nth(1).click();
+    await page.getByRole("banner").getByRole("link").click();
+  });
 });

From c7195fcfa23efcf0e457b238e9208550233daffd Mon Sep 17 00:00:00 2001
From: Chris Amico <eyeseast@gmail.com>
Date: Thu, 1 Feb 2024 11:51:11 -0500
Subject: [PATCH 10/10] Use URL() instead of string ops

---
 src/structure/document.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/structure/document.js b/src/structure/document.js
index f898d53d9..6c05a795a 100644
--- a/src/structure/document.js
+++ b/src/structure/document.js
@@ -42,7 +42,7 @@ export class Document extends Svue {
           return [id, slug].join("-");
         },
         canonicalUrl(slugId) {
-          return `${APP_URL}documents/${slugId}`;
+          return new URL(`documents/${slugId}`, APP_URL).toString();
         },
         pageHashUrl() {
           return (page) => `#document/p${page}`;