Staging (#294)

* jekyll redirect from

* Organizations rev (#262)

* Organizations revisions initial commit.

* API doc updates

* Fix absolute link causing build failure.

* Add import to org article, and downstream order changes.

* Bitwarden 101 videos: 1st steps toward proliferating these throughout /help.

* Added 'Create Your Account' article, which references B101 Videos.

* About SSO redirect & promote importing for orgs up the list

* Create Org FAQs & trim Feature FAQs accordingly.

* Image for Org FAQs

* Move 'About the Business Portal' to Orgs category, and re-order accordingly.

* Final edits.

* Dchoi/bootstrap upgrade (#264)

* bootstrap 4 upgrade and cleanup update gulp tasks

* bootstrap package updates

* renaming file convention

* general outline of help outline

* bitwarden help cleanup

* article cleanup

* article general styling complete

* bootstrap help page upgrades

* sidebar updates

* Dchoi/bootstrap upgrade (#267)

* bootstrap 4 upgrade and cleanup update gulp tasks

* bootstrap package updates

* renaming file convention

* general outline of help outline

* bitwarden help cleanup

* article cleanup

* article general styling complete

* bootstrap help page upgrades

* sidebar updates

* toc dynamic and more updates

* fix callout conditions

* sidebar collapse functionality added

* sidebar header toggle functionality

* sidebar article fixes

* Update sidebar.html

Fix sidebar Release Notes link.

* Update releasenotes.md

Remove unnecessary category tag.

* Delete release-notes.md

Remove unnecessary category.

* Update why-choose-bitwarden-for-your-team.md

Test table image differentiation

* Update why-choose-bitwarden-for-your-team.md

Second image differentiation test

* removed links from category breadcrumb and replaced with badges

Co-authored-by: fred_the_tech_writer <69817454+fschillingeriv@users.noreply.github.com>

_articles/features/attachments.md

@@ -7,7 +7,7 @@ popular: false
 tags: [attachments, storage, files]
 ---
 
-{% note %}Using file attachments requires a premium membership or paid organization account.{% endnote %}
+{% callout info %}Using file attachments requires a premium membership or paid organization account.{% endcallout %}
 
 Attaching and managing files can be done from any Bitwarden client application. Any file  100MB or smaller can be attached to an item in your vault.
 

_articles/features/authenticator-keys.md

@@ -7,7 +7,7 @@ popular: false
 tags: [autofill, auto-fill, totp, 2fa, two-step login, two factor authentication, authenticator]
 ---
 
-{% note %}Authenticator key (TOTP) storage is available to all accounts. TOTP code generation requires a premium membership or paid organization account.{% endnote %}
+{% callout info %}Authenticator key (TOTP) storage is available to all accounts. TOTP code generation requires a premium membership or paid organization account.{% endcallout %}
 
 Each website that supports [Time-based One-time Password](https://en.wikipedia.org/wiki/Time-based_One-time_Password_algorithm) (TOTP) or [Two-factor Authentication](https://en.wikipedia.org/wiki/Multi-factor_authentication) (2FA) with an "Authenticator" handles configuration slightly differently. You will need to start the setup from each individual website or service that you are accessing (e.g. google.com, github.com). The option to configure this will commonly be found under the "Security" options of your account.
 
@@ -25,13 +25,13 @@ Create or edit a login item you wish to store your TOTP key with. In the field l
 
 The Bitwarden mobile applications and browser extension have the ability to automatically copy a TOTP code to your device clipboard after auto-fill. Auto-fill any item that has a TOTP key stored and submit the information. The service you are logging into will ask for a verification code. Use the paste function of your device to input the code and submit it.
 
-{% tip %}This feature can be toggled off under Settings → Options → Disable Automatic TOTP Copy.{% endtip %}
+{% callout success %}This feature can be toggled off under Settings → Options → Disable Automatic TOTP Copy.{% endcallout %}
 
-{% warning %} TOTP codes will not automatically copy to the system clipboard when "Enable Auto-fill On Page Load" is enabled in the browser extension.{% endwarning %}
+{% callout warning %} TOTP codes will not automatically copy to the system clipboard when "Enable Auto-fill On Page Load" is enabled in the browser extension.{% endcallout %}
 
 ## Support for More Parameters
 
-Some services will use different parameters for their TOTP codes. Bitwarden will generate 6-digit codes using SHA-1 and rotate them every 30 seconds by default. Bitwarden can suport parameters digits (1-10), algorithm (SHA-1, SHA-256, and SHA-512), period (> 0) and secret (base32 key). 
+Some services will use different parameters for their TOTP codes. Bitwarden will generate 6-digit codes using SHA-1 and rotate them every 30 seconds by default. Bitwarden can suport parameters digits (1-10), algorithm (SHA-1, SHA-256, and SHA-512), period (> 0) and secret (base32 key).
 
 Example:
 

_articles/features/auto-fill-android.md

@@ -15,7 +15,7 @@ Supported Versions:
 
 ## Autofill Framework Service
 
-{% note %}The Autofill Framework Service is only available to users on Android Oreo (8.0) and greater. If you are on a version of  Android prior to Oreo (8.0) you should only use the **Auto-fill Accessibility Service** as explained further down in this article. Otherwise, you should use both services for optimal functionality.{% endnote %}
+{% callout info %}The Autofill Framework Service is only available to users on Android Oreo (8.0) and greater. If you are on a version of  Android prior to Oreo (8.0) you should only use the **Auto-fill Accessibility Service** as explained further down in this article. Otherwise, you should use both services for optimal functionality.{% endcallout %}
 
 1. Open the Bitwarden Android app.
 2. Tap **{% icon fa-cog %} Settings**.
@@ -85,9 +85,9 @@ To enable floating window:
 3. Find **floating windows** or **App Management**
 4. Enable floating window for Bitwarden by sliding the toggle to the right.
 
-{% note %}
-Android has many web browsers. It can be hard to keep up with them all. We have to add support for each browser individually. 
+{% callout info %}
+Android has many web browsers. It can be hard to keep up with them all. We have to add support for each browser individually.
 
 If auto-fill does not work on your browser, please report it at <https://github.com/bitwarden/mobile/issues> so that we can add support.
-{% endnote %}
+{% endcallout %}
 

_articles/features/auto-fill-browser.md

@@ -7,7 +7,7 @@ popular: false
 tags: [browser, auto-fill, autofill]
 ---
 
-You can use the Bitwarden browser extension to easily auto-fill login forms on websites with your username/email and password credentials. 
+You can use the Bitwarden browser extension to easily auto-fill login forms on websites with your username/email and password credentials.
 
 ## How to add a website to a saved login
 
@@ -37,7 +37,7 @@ If the login does not appear in the "Current Tab" page, you can open the login f
 
 ### Right-click context menu
 
-{% note %}This feature is currently unavailable in Safari browser.{% endnote %}
+{% callout info %}This feature is currently unavailable in Safari browser.{% endcallout %}
 
 The same list of logins that are available when using the popup window are also available from the convenience of the right-click context menu in your browser.
 
@@ -51,8 +51,8 @@ You can use a set of keyboard shortcuts (hot keys) to quickly auto-fill a login
 - Linux: `Ctrl + Shift + L`
 - macOS: `Cmd + Shift + L`
   - Safari: `Cmd + \` or `Cmd + 8` or `Cmd + Shift + P`
-  
-{% note %}If a shortcut does not work, it may be because another application on your device is already using it. For example, the auto-fill shortcut on Windows is commonly claimed by the AMD Radeon Adrenaline software (AMD graphic drivers) and therefore cannot be used by Bitwarden. You can free up this shortcut by changing it in the AMD Radeon software under Gaming → Global Settings → Performance Monitoring: "Toggle Performance Logging Hotkey".{% endnote %}
+
+{% callout info %}If a shortcut does not work, it may be because another application on your device is already using it. For example, the auto-fill shortcut on Windows is commonly claimed by the AMD Radeon Adrenaline software (AMD graphic drivers) and therefore cannot be used by Bitwarden. You can free up this shortcut by changing it in the AMD Radeon software under Gaming → Global Settings → Performance Monitoring: "Toggle Performance Logging Hotkey".{% endcallout %}
 
 Another option is to open the popup window using the keyboard shortcut (see below). You can then `TAB` to the login that you would like to auto-fill and then press `ENTER` to select.
 
@@ -60,7 +60,7 @@ Another option is to open the popup window using the keyboard shortcut (see belo
 - Linux: `Ctrl + Shift + U`
 - macOS: `Cmd + Shift + Y`
 
-You can easily customize these keyboard shortcuts in Chrome, Opera, Edge, and Brave browsers. In the address bar navigate to `chrome://extensions` and locate the "Keyboard shortcuts" button (you may need to scroll to the bottom). 
+You can easily customize these keyboard shortcuts in Chrome, Opera, Edge, and Brave browsers. In the address bar navigate to `chrome://extensions` and locate the "Keyboard shortcuts" button (you may need to scroll to the bottom).
 
 In Firefox, you need can go to the addons preference page. Under the gears icon click the "Manage Extension Shortcuts" as explained [here](https://support.mozilla.org/en-US/kb/manage-extension-shortcuts-firefox).
 

_articles/features/auto-fill-card-id.md

@@ -9,7 +9,7 @@ tags: [browser, autofill, auto-fill, identity, card, form fill]
 
 Bitwarden can autofill more than just your usernames and passwords! It can make online purchases and account creations a breeze. If you're unfamiliar with what these item types are, refer to our [Managing Items][managing-items-doc] article.
 
-{% note %}The ability to autofill identities and cards is only available with the Bitwarden web browser extension at this time. Unfortunately, mobile platforms such as Android and iOS do not support these types of autofill functions.{% endnote %}
+{% callout info %}The ability to autofill identities and cards is only available with the Bitwarden web browser extension at this time. Unfortunately, mobile platforms such as Android and iOS do not support these types of autofill functions.{% endcallout %}
 
 ## Autofill an Identity
 
@@ -25,7 +25,7 @@ Bitwarden can autofill more than just your usernames and passwords! It can make
 
 Identities and Cards can be hidden from view of the **Tab** section if your prefer them not be shown when opening the browser extension.
 
-{% note %}Hiding these items will disable their ability to be auto-filled.{% endnote %}
+{% callout info %}Hiding these items will disable their ability to be auto-filled.{% endcallout %}
 
 1. Open the Browser Extension
 2. Select the **Settings** tab.

_articles/features/folders.md

@@ -9,9 +9,9 @@ tags: [categories, folders, sub-folders]
 
 Folders are a great way to categorize items in your Bitwarden vault.
 
-{% note %}
+{% callout info %}
 An Organization's collection are different than folders. Collections are a way to organize items and control user access within an organization's vault while folders are a way for individual users to organize items within their own personal vault. An individual user may wish to further organize the items being shared with them in their own vault into a personalized folder structure that makes sense just for them.
-{% endnote %}
+{% endcallout %}
 
 ## Nested folders (sub-folders)
 

_articles/features/reports.md

@@ -57,7 +57,7 @@ Two-factor authentication (2FA) is an important security setting that helps secu
 
 A “breach” is an incident where a site’s data has been illegally accessed by hackers and then released publicly. The Data Breach Report allows you to review the types of data that were compromised in these breaches (email addresses, passwords, credit cards, etc.) and take appropriate action, such as changing passwords.
 
-{%note%}
+{% callout info %}
 If you are self-hosting in order to run the **Data Breach** report in your instance, you will need to buy an HIBP subscription key that will authorize you to make calls to the API. You can find how to purchase this key [here](https://haveibeenpwned.com/API/Key){:target="_blank"}.
 
 Once you have the key you will need to go to your `./bwdata/env/golbal.override.env` file, edit it and REPLACE the placeholders values for the API key:
@@ -65,4 +65,4 @@ Once you have the key you will need to go to your `./bwdata/env/golbal.override.
 ```
 globalSettings__hibpApiKey=REPLACE
 ```
-{%endnote%}
+{% endcallout %}

_articles/features/searching-vault.md

@@ -45,7 +45,7 @@ The asterisk character (`*`) provides the ability to perform wildcard searches i
 - `*bitwarden*`
 - `*bit*war*den*`
 
-{% note %}
+{% callout info %}
 The following fields automatically include leading and trailing wildcards while performing normal search queries:
 
 - `name`
@@ -53,7 +53,7 @@ The following fields automatically include leading and trailing wildcards while
 - `login.uris`
 
 It is not necessary to provide wildcards if you are searching for information in these fields.
-{% endnote %}
+{% endcallout %}
 
 ## Advanced Searches
 

_articles/features/uri-match-detection.md

@@ -18,9 +18,9 @@ The scheme can also have special meaning in Bitwarden:
 - **`http://`** or **`https://`** tells Bitwarden that this is a website address. Example: `https://www.google.com`
 - **`androidapp://`** tells Bitwarden that this is an android application package ID (or package name). Example: `androidapp://com.twitter.android`. Android apps typically follow [reverse domain name notation](https://en.wikipedia.org/wiki/Reverse_domain_name_notation){:target="_blank"}.
 
-{% note %}
+{% callout info %}
 If a URI omits the scheme, `http://` is assumed.
-{% endnote %}
+{% endcallout %}
 
 ## Match detection options
 
@@ -30,9 +30,9 @@ While editing a login you can adjust the match detection value for a given URI b
 
 The following match detection options are available:
 
-{% note %}
+{% callout info %}
 **Base domain** is the default URI match detection value for all URIs. You can adjust this default value under **Settings** → **Options**.
-{% endnote %}
+{% endcallout %}
 
 **Base domain**
 
@@ -56,7 +56,7 @@ Example:
 
 **Starts with**
 
-The "starts with" option requires that the current website/application URI must *start with* the value defined in the URI. A URI with a value of `https://sub.domain.com/path/page.html?query=123` starts with 
+The "starts with" option requires that the current website/application URI must *start with* the value defined in the URI. A URI with a value of `https://sub.domain.com/path/page.html?query=123` starts with
 `https://sub.domain.com/path/`.
 
 Example:
@@ -67,9 +67,9 @@ Example:
 
 **Regular expression**
 
-{% warning %}
+{% callout warning %}
 Regular expressions are an advanced option and can be quite dangerous if used incorrectly. You should not use this option if you do not know exactly what you are doing.
-{% endwarning %}
+{% endcallout %}
 
 The regular expression option allows you to write any simple or complex [regular expression](https://en.wikipedia.org/wiki/Regular_expression){:target="_blank"} to match the current website/application URI. All regular expressions are case *insensitive*.