diff --git a/src/__snapshots__/storybook.test.ts.snap b/src/__snapshots__/storybook.test.ts.snap
index ce303573..dc2a9efc 100644
--- a/src/__snapshots__/storybook.test.ts.snap
+++ b/src/__snapshots__/storybook.test.ts.snap
@@ -3129,12 +3129,13 @@ exports[`Storyshots Made With Love With Love 1`] = `
             className="ant-typography hiringLink-0-2-225"
             data-test="link"
             href="http://www.linkedin.com"
+            rel="noopener noreferrer"
             style={
               Object {
                 "WebkitLineClamp": undefined,
               }
             }
-            target="_self"
+            target="_blank"
           >
             <u>
               We’re hiring!
@@ -3152,12 +3153,13 @@ exports[`Storyshots Made With Love With Love 1`] = `
             className="ant-typography footerIcon-0-2-221"
             data-test="link"
             href="http://www.twitter.com"
+            rel="noopener noreferrer"
             style={
               Object {
                 "WebkitLineClamp": undefined,
               }
             }
-            target="_self"
+            target="_blank"
           >
             <u>
               <svg
@@ -3183,12 +3185,13 @@ exports[`Storyshots Made With Love With Love 1`] = `
             className="ant-typography footerIcon-0-2-221"
             data-test="link"
             href="http://www.linkedin.com"
+            rel="noopener noreferrer"
             style={
               Object {
                 "WebkitLineClamp": undefined,
               }
             }
-            target="_self"
+            target="_blank"
           >
             <u>
               <svg
@@ -3214,12 +3217,13 @@ exports[`Storyshots Made With Love With Love 1`] = `
             className="ant-typography footerIcon-0-2-221"
             data-test="link"
             href="https://github.com/dassana-io/dassana"
+            rel="noopener noreferrer"
             style={
               Object {
                 "WebkitLineClamp": undefined,
               }
             }
-            target="_self"
+            target="_blank"
           >
             <u>
               <svg
@@ -3245,12 +3249,13 @@ exports[`Storyshots Made With Love With Love 1`] = `
             className="ant-typography footerIcon-0-2-221"
             data-test="link"
             href="https://www.slack.com"
+            rel="noopener noreferrer"
             style={
               Object {
                 "WebkitLineClamp": undefined,
               }
             }
-            target="_self"
+            target="_blank"
           >
             <u>
               <svg
@@ -3276,12 +3281,13 @@ exports[`Storyshots Made With Love With Love 1`] = `
             className="ant-typography footerIcon-0-2-221"
             data-test="link"
             href="https://github.com/dassana-io/dassana"
+            rel="noopener noreferrer"
             style={
               Object {
                 "WebkitLineClamp": undefined,
               }
             }
-            target="_self"
+            target="_blank"
           >
             <u>
               <svg
@@ -4579,6 +4585,54 @@ exports[`Storyshots PageLoader Default 1`] = `
 </div>
 `;
 
+exports[`Storyshots Plausible Disable Plausible 1`] = `
+<div
+  className="light storyWrapper-0-2-2"
+>
+  <div
+    className="container-0-2-232"
+  >
+    <div
+      className="container-0-2-234"
+    >
+      <div
+        className="title-0-2-238"
+      >
+        Plausible Exclude
+      </div>
+      <div
+        className="desc-0-2-235"
+      >
+        Click the button below to toggle your exclusion in analytics for this site
+        <div
+          className="status-0-2-237"
+        >
+          You currently
+          <span
+            className="exclude-0-2-236 exclude-d0-0-2-239"
+          >
+            are not
+          </span>
+          excluding your visits.
+        </div>
+      </div>
+      <button
+        autoFocus={false}
+        className="ant-btn ant-btn-default btn-0-2-233"
+        data-test="button"
+        disabled={false}
+        onClick={[Function]}
+        type="button"
+      >
+        <span>
+          Exclude my visits
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`Storyshots Popover Default 1`] = `
 <div
   className="light storyWrapper-0-2-2"
@@ -4653,17 +4707,17 @@ exports[`Storyshots ProgressBar Default 1`] = `
     }
   >
     <div
-      className="container-0-2-232"
+      className="container-0-2-240"
     >
       <div
-        className="progressBarContainer-0-2-235"
+        className="progressBarContainer-0-2-243"
       >
         <div
-          className="progressBar-0-2-234"
+          className="progressBar-0-2-242"
         />
       </div>
       <div
-        className="percentage-0-2-233"
+        className="percentage-0-2-241"
       />
     </div>
   </div>
@@ -4773,31 +4827,31 @@ exports[`Storyshots Radio Group Loading 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="container-0-2-236"
+    className="container-0-2-244"
   >
     <div
-      className="skeletonButton-0-2-238"
+      className="skeletonButton-0-2-246"
     >
       <span
-        className="container-0-2-39 container-d7-0-2-239 skeleton-0-2-237"
+        className="container-0-2-39 container-d7-0-2-247 skeleton-0-2-245"
       >
          
       </span>
     </div>
     <div
-      className="skeletonButton-0-2-238"
+      className="skeletonButton-0-2-246"
     >
       <span
-        className="container-0-2-39 container-d8-0-2-240 skeleton-0-2-237"
+        className="container-0-2-39 container-d8-0-2-248 skeleton-0-2-245"
       >
          
       </span>
     </div>
     <div
-      className="skeletonButton-0-2-238"
+      className="skeletonButton-0-2-246"
     >
       <span
-        className="container-0-2-39 container-d9-0-2-241 skeleton-0-2-237"
+        className="container-0-2-39 container-d9-0-2-249 skeleton-0-2-245"
       >
          
       </span>
@@ -4923,29 +4977,29 @@ exports[`Storyshots ScrollableSection Multiple 1`] = `
 >
   <div>
     <div
-      className="container-0-2-246 multiContainer-0-2-254"
+      className="container-0-2-254 multiContainer-0-2-262"
       name="apple"
     >
       <div
-        className="children-0-2-245"
+        className="children-0-2-253"
       >
         <div
-          className="children-0-2-253"
+          className="children-0-2-261"
         >
           apple
         </div>
       </div>
       <div
-        className="arrowDown-0-2-242"
+        className="arrowDown-0-2-250"
         style={Object {}}
       >
         <span
-          className="iconButton-0-2-19 arrowIcon-0-2-243"
+          className="iconButton-0-2-19 arrowIcon-0-2-251"
           onClick={[Function]}
         >
           <svg
             aria-hidden="true"
-            className="svg-inline--fa fa-arrow-down fa-w-14 icon-0-2-18 icon-d50-0-2-258"
+            className="svg-inline--fa fa-arrow-down fa-w-14 icon-0-2-18 icon-d50-0-2-266"
             data-icon="arrow-down"
             data-prefix="fas"
             focusable="false"
@@ -4964,20 +5018,20 @@ exports[`Storyshots ScrollableSection Multiple 1`] = `
       </div>
     </div>
     <div
-      className="container-0-2-246 multiContainer-0-2-254"
+      className="container-0-2-254 multiContainer-0-2-262"
       name="pineapple"
     >
       <div
-        className="arrowUp-0-2-244"
+        className="arrowUp-0-2-252"
         style={Object {}}
       >
         <span
-          className="iconButton-0-2-19 arrowIcon-0-2-243"
+          className="iconButton-0-2-19 arrowIcon-0-2-251"
           onClick={[Function]}
         >
           <svg
             aria-hidden="true"
-            className="svg-inline--fa fa-arrow-up fa-w-14 icon-0-2-18 icon-d53-0-2-261"
+            className="svg-inline--fa fa-arrow-up fa-w-14 icon-0-2-18 icon-d53-0-2-269"
             data-icon="arrow-up"
             data-prefix="fas"
             focusable="false"
@@ -4995,25 +5049,25 @@ exports[`Storyshots ScrollableSection Multiple 1`] = `
         </span>
       </div>
       <div
-        className="children-0-2-245"
+        className="children-0-2-253"
       >
         <div
-          className="children-0-2-253"
+          className="children-0-2-261"
         >
           pineapple
         </div>
       </div>
       <div
-        className="arrowDown-0-2-242"
+        className="arrowDown-0-2-250"
         style={Object {}}
       >
         <span
-          className="iconButton-0-2-19 arrowIcon-0-2-243"
+          className="iconButton-0-2-19 arrowIcon-0-2-251"
           onClick={[Function]}
         >
           <svg
             aria-hidden="true"
-            className="svg-inline--fa fa-arrow-down fa-w-14 icon-0-2-18 icon-d56-0-2-264"
+            className="svg-inline--fa fa-arrow-down fa-w-14 icon-0-2-18 icon-d56-0-2-272"
             data-icon="arrow-down"
             data-prefix="fas"
             focusable="false"
@@ -5032,20 +5086,20 @@ exports[`Storyshots ScrollableSection Multiple 1`] = `
       </div>
     </div>
     <div
-      className="container-0-2-246 multiContainer-0-2-254"
+      className="container-0-2-254 multiContainer-0-2-262"
       name="mango"
     >
       <div
-        className="arrowUp-0-2-244"
+        className="arrowUp-0-2-252"
         style={Object {}}
       >
         <span
-          className="iconButton-0-2-19 arrowIcon-0-2-243"
+          className="iconButton-0-2-19 arrowIcon-0-2-251"
           onClick={[Function]}
         >
           <svg
             aria-hidden="true"
-            className="svg-inline--fa fa-arrow-up fa-w-14 icon-0-2-18 icon-d59-0-2-267"
+            className="svg-inline--fa fa-arrow-up fa-w-14 icon-0-2-18 icon-d59-0-2-275"
             data-icon="arrow-up"
             data-prefix="fas"
             focusable="false"
@@ -5063,10 +5117,10 @@ exports[`Storyshots ScrollableSection Multiple 1`] = `
         </span>
       </div>
       <div
-        className="children-0-2-245"
+        className="children-0-2-253"
       >
         <div
-          className="children-0-2-253"
+          className="children-0-2-261"
         >
           mango
         </div>
@@ -5081,17 +5135,17 @@ exports[`Storyshots ScrollableSection Scroll Without Arrow 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="multiContainer-0-2-254"
+    className="multiContainer-0-2-262"
   >
     <div
-      className="container-0-2-246 multiContainer-0-2-254"
+      className="container-0-2-254 multiContainer-0-2-262"
       name="apple"
     >
       <div
-        className="children-0-2-245"
+        className="children-0-2-253"
       >
         <div
-          className="children-0-2-253"
+          className="children-0-2-261"
         >
           <button
             autoFocus={false}
@@ -5109,20 +5163,20 @@ exports[`Storyshots ScrollableSection Scroll Without Arrow 1`] = `
       </div>
     </div>
     <div
-      className="container-0-2-246 multiContainer-0-2-254"
+      className="container-0-2-254 multiContainer-0-2-262"
       name="pineapple"
     >
       <div
-        className="arrowUp-0-2-244"
+        className="arrowUp-0-2-252"
         style={Object {}}
       >
         <span
-          className="iconButton-0-2-19 arrowIcon-0-2-243"
+          className="iconButton-0-2-19 arrowIcon-0-2-251"
           onClick={[Function]}
         >
           <svg
             aria-hidden="true"
-            className="svg-inline--fa fa-arrow-up fa-w-14 icon-0-2-18 icon-d62-0-2-270"
+            className="svg-inline--fa fa-arrow-up fa-w-14 icon-0-2-18 icon-d62-0-2-278"
             data-icon="arrow-up"
             data-prefix="fas"
             focusable="false"
@@ -5140,10 +5194,10 @@ exports[`Storyshots ScrollableSection Scroll Without Arrow 1`] = `
         </span>
       </div>
       <div
-        className="children-0-2-245"
+        className="children-0-2-253"
       >
         <div
-          className="children-0-2-253"
+          className="children-0-2-261"
         >
           <div>
             pineapple
@@ -5160,20 +5214,20 @@ exports[`Storyshots ScrollableSection Single 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="container-0-2-246"
+    className="container-0-2-254"
     name="apple"
   >
     <div
-      className="arrowUp-0-2-244"
+      className="arrowUp-0-2-252"
       style={Object {}}
     >
       <span
-        className="iconButton-0-2-19 arrowIcon-0-2-243"
+        className="iconButton-0-2-19 arrowIcon-0-2-251"
         onClick={[Function]}
       >
         <svg
           aria-hidden="true"
-          className="svg-inline--fa fa-arrow-up fa-w-14 icon-0-2-18 icon-d44-0-2-249"
+          className="svg-inline--fa fa-arrow-up fa-w-14 icon-0-2-18 icon-d44-0-2-257"
           data-icon="arrow-up"
           data-prefix="fas"
           focusable="false"
@@ -5191,23 +5245,23 @@ exports[`Storyshots ScrollableSection Single 1`] = `
       </span>
     </div>
     <div
-      className="children-0-2-245"
+      className="children-0-2-253"
     >
       <div>
         hello
       </div>
     </div>
     <div
-      className="arrowDown-0-2-242"
+      className="arrowDown-0-2-250"
       style={Object {}}
     >
       <span
-        className="iconButton-0-2-19 arrowIcon-0-2-243"
+        className="iconButton-0-2-19 arrowIcon-0-2-251"
         onClick={[Function]}
       >
         <svg
           aria-hidden="true"
-          className="svg-inline--fa fa-arrow-down fa-w-14 icon-0-2-18 icon-d47-0-2-252"
+          className="svg-inline--fa fa-arrow-down fa-w-14 icon-0-2-18 icon-d47-0-2-260"
           data-icon="arrow-down"
           data-prefix="fas"
           focusable="false"
@@ -5236,7 +5290,7 @@ exports[`Storyshots Select Default 1`] = `
     className="decorator-0-2-3"
   >
     <div
-      className="container-0-2-271 container-d0-0-2-276"
+      className="container-0-2-279 container-d0-0-2-284"
     >
       <div
         className="ant-select ant-select-single ant-select-show-arrow"
@@ -5336,7 +5390,7 @@ exports[`Storyshots Select Full Width 1`] = `
     className="decorator-0-2-3"
   >
     <div
-      className="container-0-2-271 container-d2-0-2-282"
+      className="container-0-2-279 container-d2-0-2-290"
     >
       <div
         className="ant-select ant-select-single ant-select-show-arrow"
@@ -5388,11 +5442,11 @@ exports[`Storyshots Select Full Width 1`] = `
             className="ant-select-selection-item"
           >
             <div
-              className="option-0-2-279"
+              className="option-0-2-287"
               style={Object {}}
             >
               <span
-                className="optionText-0-2-280"
+                className="optionText-0-2-288"
                 onMouseEnter={[Function]}
               >
                 Lorem
@@ -5446,7 +5500,7 @@ exports[`Storyshots Select Icon 1`] = `
     className="decorator-0-2-3"
   >
     <div
-      className="container-0-2-271 container-d1-0-2-277"
+      className="container-0-2-279 container-d1-0-2-285"
     >
       <div
         className="ant-select ant-select-single ant-select-show-arrow"
@@ -5498,11 +5552,11 @@ exports[`Storyshots Select Icon 1`] = `
             className="ant-select-selection-item"
           >
             <div
-              className="option-0-2-279"
+              className="option-0-2-287"
               style={Object {}}
             >
               <span
-                className="icon-0-2-278"
+                className="icon-0-2-286"
               >
                 <svg
                   className=""
@@ -5513,7 +5567,7 @@ exports[`Storyshots Select Icon 1`] = `
                 </svg>
               </span>
               <span
-                className="optionText-0-2-280"
+                className="optionText-0-2-288"
                 onMouseEnter={[Function]}
               >
                 AWS
@@ -5567,7 +5621,7 @@ exports[`Storyshots Select Search 1`] = `
     className="decorator-0-2-3"
   >
     <div
-      className="container-0-2-271 container-d3-0-2-283"
+      className="container-0-2-279 container-d3-0-2-291"
     >
       <div
         className="ant-select ant-select-single ant-select-show-arrow ant-select-show-search"
@@ -5667,7 +5721,7 @@ exports[`Storyshots Select Selected Option Width 1`] = `
     className="decorator-0-2-3"
   >
     <div
-      className="container-0-2-271 container-d4-0-2-284"
+      className="container-0-2-279 container-d4-0-2-292"
     >
       <div
         className="ant-select ant-select-single ant-select-show-arrow ant-select-show-search"
@@ -5764,24 +5818,24 @@ exports[`Storyshots ShortcutMicrocopy Default 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="shortcutMicrocopy-0-2-288"
+    className="shortcutMicrocopy-0-2-296"
     data-test="shortcut-microcopy"
   >
     <div
-      className="wrapper-0-2-289"
+      className="wrapper-0-2-297"
     >
       <span
-        className="label-0-2-287"
+        className="label-0-2-295"
       >
         press 
       </span>
       <span
-        className="keyName-0-2-286"
+        className="keyName-0-2-294"
       >
         enter 
       </span>
       <span
-        className="icon-0-2-285"
+        className="icon-0-2-293"
       >
         ↵
       </span>
@@ -5795,19 +5849,19 @@ exports[`Storyshots ShortcutMicrocopy Icon Only 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="shortcutMicrocopy-0-2-288"
+    className="shortcutMicrocopy-0-2-296"
     data-test="shortcut-microcopy"
   >
     <div
-      className="wrapper-0-2-289"
+      className="wrapper-0-2-297"
     >
       <span
-        className="label-0-2-287"
+        className="label-0-2-295"
       >
         press 
       </span>
       <span
-        className="icon-0-2-285"
+        className="icon-0-2-293"
       >
         ⌘
       </span>
@@ -5821,24 +5875,24 @@ exports[`Storyshots ShortcutMicrocopy Mixed 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="shortcutMicrocopy-0-2-288"
+    className="shortcutMicrocopy-0-2-296"
     data-test="shortcut-microcopy"
   >
     <div
-      className="wrapper-0-2-289"
+      className="wrapper-0-2-297"
     >
       <span
-        className="label-0-2-287"
+        className="label-0-2-295"
       >
         press 
       </span>
       <span
-        className="keyName-0-2-286"
+        className="keyName-0-2-294"
       >
         cmd 
       </span>
       <span
-        className="icon-0-2-285"
+        className="icon-0-2-293"
       >
         ⌘
       </span>
@@ -5846,12 +5900,12 @@ exports[`Storyshots ShortcutMicrocopy Mixed 1`] = `
          + 
       </span>
       <span
-        className="keyName-0-2-286"
+        className="keyName-0-2-294"
       >
         Enter 
       </span>
       <span
-        className="icon-0-2-285"
+        className="icon-0-2-293"
       >
         <span
           aria-label="enter"
@@ -5883,24 +5937,24 @@ exports[`Storyshots ShortcutMicrocopy Predefined Keys 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="shortcutMicrocopy-0-2-288"
+    className="shortcutMicrocopy-0-2-296"
     data-test="shortcut-microcopy"
   >
     <div
-      className="wrapper-0-2-289"
+      className="wrapper-0-2-297"
     >
       <span
-        className="label-0-2-287"
+        className="label-0-2-295"
       >
         press 
       </span>
       <span
-        className="keyName-0-2-286"
+        className="keyName-0-2-294"
       >
         cmd 
       </span>
       <span
-        className="icon-0-2-285"
+        className="icon-0-2-293"
       >
         ⌘
       </span>
@@ -5908,12 +5962,12 @@ exports[`Storyshots ShortcutMicrocopy Predefined Keys 1`] = `
          + 
       </span>
       <span
-        className="keyName-0-2-286"
+        className="keyName-0-2-294"
       >
         enter 
       </span>
       <span
-        className="icon-0-2-285"
+        className="icon-0-2-293"
       >
         ↵
       </span>
@@ -5927,7 +5981,7 @@ exports[`Storyshots Skeleton Circle 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <span
-    className="container-0-2-39 container-d11-0-2-291"
+    className="container-0-2-39 container-d11-0-2-299"
   >
      
   </span>
@@ -5939,27 +5993,27 @@ exports[`Storyshots Skeleton Count 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <span
-    className="container-0-2-39 container-d12-0-2-292"
+    className="container-0-2-39 container-d12-0-2-300"
   >
      
   </span>
   <span
-    className="container-0-2-39 container-d12-0-2-292"
+    className="container-0-2-39 container-d12-0-2-300"
   >
      
   </span>
   <span
-    className="container-0-2-39 container-d12-0-2-292"
+    className="container-0-2-39 container-d12-0-2-300"
   >
      
   </span>
   <span
-    className="container-0-2-39 container-d12-0-2-292"
+    className="container-0-2-39 container-d12-0-2-300"
   >
      
   </span>
   <span
-    className="container-0-2-39 container-d12-0-2-292"
+    className="container-0-2-39 container-d12-0-2-300"
   >
      
   </span>
@@ -5971,7 +6025,7 @@ exports[`Storyshots Skeleton Default 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <span
-    className="container-0-2-39 container-d10-0-2-290"
+    className="container-0-2-39 container-d10-0-2-298"
   >
      
   </span>
@@ -5983,21 +6037,21 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="container-0-2-293"
+    className="container-0-2-301"
     id="table-drawer-wrapper"
   >
     <div
-      className="tableContainer-0-2-297"
+      className="tableContainer-0-2-305"
     >
       <div
-        className="tableContainer-0-2-300"
+        className="tableContainer-0-2-308"
       >
         <div
-          className="tableControls-0-2-301 tableControls-d1-0-2-303"
+          className="tableControls-0-2-309 tableControls-d1-0-2-311"
         >
           <input
             autoFocus={false}
-            className="ant-input container-0-2-48 container-d16-0-2-304"
+            className="ant-input container-0-2-48 container-d16-0-2-312"
             data-test="input-table-search"
             disabled={false}
             onBlur={[Function]}
@@ -6300,7 +6354,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                         className="ant-table-tbody"
                       >
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-299 row-d0-0-2-302"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-307 row-d0-0-2-310"
                           data-row-key={0}
                           onClick={[Function]}
                           style={Object {}}
@@ -6312,10 +6366,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 vpc-flow-logs-are-disabled
@@ -6329,7 +6383,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="iconWrapper-0-2-308"
+                              className="iconWrapper-0-2-316"
                             >
                               <svg
                                 className=""
@@ -6347,10 +6401,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 FlowLog
@@ -6364,10 +6418,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 visibility
@@ -6376,7 +6430,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                           </td>
                         </tr>
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-299 row-d0-0-2-302"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-307 row-d0-0-2-310"
                           data-row-key={1}
                           onClick={[Function]}
                           style={Object {}}
@@ -6388,10 +6442,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 instance-is-exposed-to-internet
@@ -6405,7 +6459,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="iconWrapper-0-2-308"
+                              className="iconWrapper-0-2-316"
                             >
                               <svg
                                 className=""
@@ -6423,10 +6477,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 instance
@@ -6440,10 +6494,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 network
@@ -6452,7 +6506,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                           </td>
                         </tr>
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-299 row-d0-0-2-302"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-307 row-d0-0-2-310"
                           data-row-key={2}
                           onClick={[Function]}
                           style={Object {}}
@@ -6464,10 +6518,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 default-security-group-should-not-allow-traffic
@@ -6481,7 +6535,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="iconWrapper-0-2-308"
+                              className="iconWrapper-0-2-316"
                             >
                               <svg
                                 className=""
@@ -6499,10 +6553,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 security-group
@@ -6516,10 +6570,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 networking
@@ -6528,7 +6582,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                           </td>
                         </tr>
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-299 row-d0-0-2-302"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-307 row-d0-0-2-310"
                           data-row-key={3}
                           onClick={[Function]}
                           style={Object {}}
@@ -6540,10 +6594,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 ssh-from-internet
@@ -6557,7 +6611,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="iconWrapper-0-2-308"
+                              className="iconWrapper-0-2-316"
                             >
                               <svg
                                 className=""
@@ -6575,10 +6629,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 security-group
@@ -6592,10 +6646,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 network
@@ -6604,7 +6658,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                           </td>
                         </tr>
                         <tr
-                          className="ant-table-row ant-table-row-level-0 row-0-2-299 row-d0-0-2-302"
+                          className="ant-table-row ant-table-row-level-0 row-0-2-307 row-d0-0-2-310"
                           data-row-key={4}
                           onClick={[Function]}
                           style={Object {}}
@@ -6616,10 +6670,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 ebs-volume-is-not-encrypted
@@ -6633,7 +6687,7 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="iconWrapper-0-2-308"
+                              className="iconWrapper-0-2-316"
                             >
                               <svg
                                 className=""
@@ -6651,10 +6705,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 volume
@@ -6668,10 +6722,10 @@ exports[`Storyshots TableDrawer Simple Drawer 1`] = `
                             style={Object {}}
                           >
                             <div
-                              className="container-0-2-305"
+                              className="container-0-2-313"
                             >
                               <div
-                                className="wrapper-0-2-307"
+                                className="wrapper-0-2-315"
                                 onMouseEnter={[Function]}
                               >
                                 cryptography
@@ -6934,7 +6988,7 @@ exports[`Storyshots TimeInput Error 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="ant-picker error-0-2-312"
+    className="ant-picker error-0-2-320"
     onMouseUp={[Function]}
   >
     <div
@@ -7208,22 +7262,22 @@ exports[`Storyshots Wizard Default 1`] = `
   className="light storyWrapper-0-2-2"
 >
   <div
-    className="container-0-2-313"
+    className="container-0-2-321"
   >
     <div
-      className="header-0-2-314"
+      className="header-0-2-322"
     >
       <div
-        className="title-0-2-318"
+        className="title-0-2-326"
       >
         Foo
         <span
-          className="iconButton-0-2-19 iconArrow-0-2-315 iconLeftArrow-0-2-316"
+          className="iconButton-0-2-19 iconArrow-0-2-323 iconLeftArrow-0-2-324"
           onClick={[Function]}
         >
           <svg
             aria-hidden="true"
-            className="svg-inline--fa fa-arrow-right fa-w-14 icon-0-2-18 icon-d65-0-2-321"
+            className="svg-inline--fa fa-arrow-right fa-w-14 icon-0-2-18 icon-d65-0-2-329"
             data-icon="arrow-right"
             data-prefix="fas"
             focusable="false"
diff --git a/src/components/Pages/MadeWithLove.tsx b/src/components/Pages/MadeWithLove.tsx
index fd112164..e7eab7cd 100644
--- a/src/components/Pages/MadeWithLove.tsx
+++ b/src/components/Pages/MadeWithLove.tsx
@@ -211,6 +211,7 @@ export const MadeWithLove: FC<MadeWithLoveProps> = ({
 					<Link
 						classes={[compClasses.hiringLink]}
 						href='http://www.linkedin.com'
+						target='_blank'
 					>
 						We’re hiring!
 					</Link>
@@ -223,6 +224,7 @@ export const MadeWithLove: FC<MadeWithLoveProps> = ({
 							classes={[compClasses.footerIcon]}
 							href={href}
 							key={i}
+							target='_blank'
 						>
 							<FontAwesomeIcon icon={icon} />
 						</Link>
diff --git a/src/components/Plausible/Plausible.stories.tsx b/src/components/Plausible/Plausible.stories.tsx
new file mode 100644
index 00000000..adc506c3
--- /dev/null
+++ b/src/components/Plausible/Plausible.stories.tsx
@@ -0,0 +1,29 @@
+import { createUseStyles } from 'react-jss'
+import { Plausible } from '.'
+import React from 'react'
+import { Meta, Story } from '@storybook/react'
+
+export default {
+	component: Plausible,
+	title: 'Plausible'
+} as Meta
+
+const useStyles = createUseStyles({
+	container: {
+		height: '100vh'
+	}
+})
+
+const DecoratedTemplate = () => {
+	const decoratedStyles = useStyles()
+
+	return (
+		<div className={decoratedStyles.container}>
+			<Plausible />
+		</div>
+	)
+}
+
+const Template: Story = () => <DecoratedTemplate />
+
+export const DisablePlausible = Template.bind({})
diff --git a/src/components/Plausible/index.tsx b/src/components/Plausible/index.tsx
new file mode 100644
index 00000000..6378fd8f
--- /dev/null
+++ b/src/components/Plausible/index.tsx
@@ -0,0 +1,86 @@
+import { Button } from 'components/Button'
+import { createUseStyles } from 'react-jss'
+import { styleguide } from 'components/assets/styles'
+import React, { FC, useState } from 'react'
+
+const {
+	colors: { blacks, blues, grays, greens, reds },
+	flexCenter,
+	flexDown,
+	fontWeight,
+	spacing
+} = styleguide
+
+interface ReactJssProps {
+	isExcluded: boolean
+}
+
+const useStyles = createUseStyles({
+	btn: {
+		backgroundColor: `${blues.base} !important`,
+		borderColor: `${blues.base} !important`,
+		color: `${grays.base} !important`
+	},
+	container: {
+		...flexCenter,
+		...flexDown,
+		backgroundColor: blacks.base,
+		color: grays.base,
+		height: '100%',
+		textAlign: 'center'
+	},
+	desc: {
+		padding: `${spacing.xl}px 0`
+	},
+	exclude: {
+		color: ({ isExcluded }: ReactJssProps) =>
+			isExcluded ? greens.base : reds.base,
+		fontWeight: fontWeight.regular * 2,
+		padding: `0 ${spacing.xs}px`
+	},
+	status: {
+		paddingBottom: spacing['m+'],
+		paddingTop: spacing.s
+	},
+	title: {
+		fontSize: spacing.l * 2,
+		fontWeight: fontWeight.bold
+	}
+})
+
+export const Plausible: FC = () => {
+	const [isExcluded, setIsExcluded] = useState(localStorage.plausible_ignore)
+	const classes = useStyles({ isExcluded })
+
+	const toggleExclusion = () => {
+		const exclusionState = localStorage.plausible_ignore === 'true'
+
+		if (exclusionState) {
+			setIsExcluded(false)
+			delete localStorage.plausible_ignore
+		} else {
+			setIsExcluded(true)
+			localStorage.plausible_ignore = 'true'
+		}
+	}
+
+	return (
+		<div className={classes.container}>
+			<div className={classes.title}>Plausible Exclude</div>
+			<div className={classes.desc}>
+				Click the button below to toggle your exclusion in analytics for
+				this site
+				<div className={classes.status}>
+					You currently
+					<span className={classes.exclude}>
+						{isExcluded ? 'are' : 'are not'}
+					</span>
+					excluding your visits.
+				</div>
+			</div>
+			<Button classes={[classes.btn]} onClick={toggleExclusion}>
+				{isExcluded ? 'Stop excluding my visits' : 'Exclude my visits'}
+			</Button>
+		</div>
+	)
+}
diff --git a/src/components/index.ts b/src/components/index.ts
index c7e4d7fb..b3397995 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -30,6 +30,7 @@ export * from './PageContainer'
 export * from './PageLoader'
 export * from './Pages/MadeWithLove'
 export * from './Pages/Error404'
+export * from './Plausible'
 export * from './Popover'
 export * from './ProgressBar'
 export * from './RadioGroup'