Merge pull request #1442 from segmentio/DOC_139-add-screenshot

DOC 139 add screenshot

Author: markzegarelli

src/_data/sidenav/strat.yml

@@ -83,6 +83,8 @@ sections:
   section:
   - path: /connections/sources/catalog/libraries/website/javascript
     title: Analytics.js (Javascript) Source
+  - path: /connections/sources/catalog/libraries/website/javascript/analytics-js-2
+    title: Analytics.js 2.0 (Beta)
   - path: /connections/sources/catalog/libraries/website/javascript/supported-browsers
     title: Analytics.js supported browsers
   - path: /connections/sources/catalog/libraries/website/javascript/quickstart

src/_release_notes/2021-03-08-ajs-2.md

@@ -0,0 +1,20 @@
+---
+title: Analytics.js 2.0
+description: |
+  Analytics.js is Segment’s most popular library source. This new major version has been re-engineered to be more performant and provide greater extensibility. It is fully backwards compatible with the previous version of Analytics.js.
+release_type: beta
+product_area: sources
+business: false
+team: false
+doc_links:
+  - 
+    title: Analytics.js 2.0 (Beta)
+    url: "/docs/connections/sources/catalog/libraries/website/javascript/analytics-js-2/"
+# images:
+#   -
+#     path: /images/release-notes/ui-update-1.png
+#     desc: The navigation was redesigned to better reflect how users navigate through the product.
+#   - 
+#     path: /images/release-notes/ui-update-2.gif
+#     desc: A new workspace switcher provides an easier way to navigate between workspaces.
+---

src/connections/sources/catalog/libraries/website/javascript/analytics-js-2.md

@@ -0,0 +1,69 @@
+---
+title: Analytics.js 2.0 (Beta)
+strat: ajs
+---
+Analytics.js is Segment's most popular library source. This new major version has been re-engineered to be more performant and provide greater extensibility. It is fully backwards compatible with the previous version of Analytics.js.
+
+## Benefits of Analytics.js 2.0
+
+The Analytics.js 2.0 Beta provides two key benefits over the previous version.
+
+### Performance
+
+Analytics.js 2.0 provides a reduction in page load time, which improves overall site performance. Its package size is **~70%** smaller than the previous Analytics.js.
+
+> info ""
+> There are many factors that impact page load time, including page weight, network conditions, and hosting locations.
+
+### Developer experience
+
+Analytics.js 2.0 introduces new ways for developers to augment events throughout the event timeline. This enables teams to support:
+
+- New privacy and consent controls before an event occurs
+- Enriching events with additional customer or page context in-flight using middleware
+- Collecting better metrics related to deliverability *after* a message is sent
+
+## Start using Analytics.js 2.0
+
+Analytics.js is released as a Public Beta, on an opt-in basis, *per source*. The updated code is delivered through your existing snippet, so there's no need to update code on your site.
+
+To opt in:
+
+1. Navigate to the **Settings** tab of the javascript source you want to enable.
+2. Enable the Analytics 2.0 toggle.
+
+Once enabled, after 5 minutes or less, the updated code is delivered.
+
+## Disable Analytics.js 2.0
+
+To revert back to the previous version of Analytics.js, disable the Analytics 2.0 toggle on any source you've enabled it.
+
+## Open source libraries
+
+Analytics.js 2.0 includes the following open source components:
+
+**uuid v2.0.0** ([https://github.com/lukeed/uuid](https://github.com/lukeed/uuid))
+Copyright Luke Edwards <[[email protected]](mailto:[email protected])> ([lukeed.com](lukeed.com))
+License: MIT License, available here: [https://github.com/lukeed/uuid/blob/master/license](https://github.com/lukeed/uuid/blob/master/license)
+
+**component-url v0.2.1** ([https://github.com/component/url](https://github.com/component/url))
+Copyright (c) 2014 Component 
+License: MIT License, available here: [https://github.com/component/url/blob/master/Readme.md](https://github.com/component/url/blob/master/Readme.md)
+
+**dset v2.0.1** ([https://github.com/lukeed/dset](https://github.com/lukeed/dset))
+Copyright (c) Luke Edwards <[[email protected]](mailto:[email protected])> ([lukeed.com](lukeed.com))
+License: MIT License, available here: [https://github.com/lukeed/dset/blob/master/license](https://github.com/lukeed/dset/blob/master/license)
+
+**js-cookie v2.2.1**
+Copyright (c) 2018 Copyright 2018 Klaus Hartl, Fagner Brack, GitHub Contributors
+ 	License: MIT License, available here: [https://github.com/js-cookie/js-cookie/blob/master/LICENSE](https://github.com/js-cookie/js-cookie/blob/master/LICENSE)
+
+**md5 v2.3.0** ([https://github.com/pvorb/node-md5](https://github.com/pvorb/node-md5))
+Copyright (c) 2011-2012, Paul Vorbach.
+Copyright (c) 2009, Jeff Mott.
+License: BSD-3-Clause “New” or “Revised” License, available at: 
+[https://github.com/pvorb/node-md5/blob/master/LICENSE](https://github.com/pvorb/node-md5/blob/master/LICENSE)
+
+**unfetch v4.1.0** ([https://github.com/developit/unfetch](https://github.com/developit/unfetch))
+Copyright (c) 2017 Jason Miller
+License: MIT License, available at: [https://github.com/developit/unfetch/blob/master/LICENSE.md](https://github.com/developit/unfetch/blob/master/LICENSE.md)

src/connections/sources/catalog/libraries/website/javascript/index.md

@@ -9,6 +9,9 @@ strat: ajs
 
 Analytics.js, Segment's Javascript source, makes it simple to send your data to any tool without having to learn, test or implement a new API every time.
 
+> info "Analytics.js 2.0 Beta"
+> A new version of Analytics.js is available for use in Beta. Click [here](/docs/connections/sources/catalog/libraries/website/javascript/analytics-js-2.md) for more information.
+
 ## Getting Started
 
 Read through the [Analytics.js QuickStart Guide](/docs/connections/sources/catalog/libraries/website/javascript/quickstart/) which explains how to add Analytics.js to your site in just a few minutes. Once you've installed the library, read on for the detailed API reference!

src/personas/audiences/account-audiences.md

@@ -35,6 +35,14 @@ A single account-level audience can incorporate any combination of the following
 - Account-level audience membership
 - Account-level custom traits (set through a [group](/docs/connections/spec/group) call)
 
+
+Use this control to access account-level audience conditions:
+
+![Use this control to access account level audience conditions](/docs/personas/images/new-audience-type.png)
+
+> warning ""
+> [Reserved account-level custom traits](/docs/connections/spec/group/#traits) are not available in audience conditions. You must include them in the traits dictionary a second time using a non-reserved trait name to make them available in the audience builder.
+
 The three types of user-level conditions are:
 - **Any User** (default): Returns all accounts where *at least one user* associated with the account satisfies the specified condition
 - **All users**: Returns all accounts where *all users* associated with the account satisfy the specified condition

src/personas/images/new-audience-type.png

@@ -32,7 +32,7 @@ Stay up-to-date with the latest features and releases from Segment.
       {% endif %}
     </div>
     <div class="release-note__body">
-      <h2>{{ post.title }}</h2>
+      <h2 id="{{post.title | slugify}}">{{ post.title }}</h2>
       <date class="release-note__date">{{ post.date | date: "%B %d, %Y" }}</date>
       <main class="markdown">{{ post.description | markdownify }}</main>
       <div class="release-note__links">